/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    *zoom: 1;
}

    .bx-wrapper img {
        max-width: 100%;
        display: block;
    }

    /** THEME
===================================*/

    .bx-wrapper .bx-viewport {
        /*-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;*/
        /*fix other elements on the page moving (on Chrome)*/
        -webkit-transform: translatez(0);
        -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
    }

    .bx-wrapper .bx-pager,
    .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: -30px;
        width: 100%;
    }

    /* LOADER */

    .bx-wrapper .bx-loading {
        min-height: 50px;
        background: url(../images/bx_loader.gif) center center no-repeat #fff;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000;
    }

    /* PAGER */

    .bx-wrapper .bx-pager {
        text-align: center;
        font-size: .85em;
        font-family: Arial;
        font-weight: bold;
        color: #666;
        padding-top: 20px;
		margin-bottom: 0;
    }

        .bx-wrapper .bx-pager .bx-pager-item,
        .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
            display: inline-block;
            *zoom: 1;
            *display: inline;
        }

        .bx-wrapper .bx-pager.bx-default-pager a {
            background: #666;
			color:#fff !important;
            text-indent: -9999px;
            display: block;
            width: 10px;
            height: 10px;
            margin: 0 5px;
            outline: 0;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }

            .bx-wrapper .bx-pager.bx-default-pager a:hover,
            .bx-wrapper .bx-pager.bx-default-pager a.active {
/*                 background: #000; */
				 background: #ff7700; 
				color:#000 !important;
            }

    /* DIRECTION CONTROLS (NEXT / PREV) */

    .bx-wrapper .bx-prev {
        /*left: 11%;*/
        left: 10px;
        /*background: url(../images/controls2.png) no-repeat 0 -32px;*/
        background: url(../images/controls2.png) no-repeat 0 -42px;
    }

    .bx-wrapper .bx-next {
        right: 10px;
        /*background: url(../images/controls2.png) no-repeat -43px -32px;*/
        background: url(../images/controls2.png) no-repeat -48px -42px;
    }

    .bx-wrapper .bx-prev:hover {
        background-position: 0 0;
    }

    .bx-wrapper .bx-next:hover {
        background-position: -48px 0;
    }

    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        margin-top: -16px;
        outline: 0;
        /*width: 32px;
	height: 32px;*/
        width: 43px;
        height: 42px;
        text-indent: -9999px;
        z-index: 99;
    }

        .bx-wrapper .bx-controls-direction a.disabled {
            display: none;
        }

    /* AUTO CONTROLS (START / STOP) */

    .bx-wrapper .bx-controls-auto {
        text-align: center;
    }

        .bx-wrapper .bx-controls-auto .bx-start {
            display: block;
            text-indent: -9999px;
            width: 10px;
            height: 11px;
            outline: 0;
            background: url(../images/controls2.png) -86px -11px no-repeat;
            margin: 0 3px;
        }

            .bx-wrapper .bx-controls-auto .bx-start:hover,
            .bx-wrapper .bx-controls-auto .bx-start.active {
                background-position: -86px 0;
            }

        .bx-wrapper .bx-controls-auto .bx-stop {
            display: block;
            text-indent: -9999px;
            width: 9px;
            height: 11px;
            outline: 0;
            background: url(../images/controls2.png) -86px -44px no-repeat;
            margin: 0 3px;
        }

            .bx-wrapper .bx-controls-auto .bx-stop:hover,
            .bx-wrapper .bx-controls-auto .bx-stop.active {
                background-position: -86px -33px;
            }

    /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
        text-align: left;
        width: 80%;
    }

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
        right: 0;
        width: 35px;
    }

    /* IMAGE CAPTIONS */

    .bx-wrapper .bx-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #666\9;
        background: rgba(80, 80, 80, 0.75);
        width: 100%;
    }

        .bx-wrapper .bx-caption span {
            color: #fff;
            font-family: Arial;
            display: block;
            font-size: .85em;
            padding: 10px;
        }


/*--------------------------------*/
#sliderBanner {
display: inline-block;
    width: 100%;
    height: 80% !important;
    color: #fff;
    background-color: #000;
    height: 100%;

}

.bannerLinkBar {
margin-top: -6px;

}



    #sliderBanner article {
        height: 100%;
    }

.bx-wrapper {
  height: 100%;

}

.bx-viewport {
  height: 100%;
}

#sliderBanner ul li {
    height: 100%;
}

.bxslider {
    height: 100%;
}


/*.bxslider h2 {
	margin:0;
	padding: 0 0 5px;
	font-family: 'Crimson Text', Times, serif;
	text-transform: none;
	font-size: 1.75em !important;
	font-weight: normal;
	letter-spacing: 0.025em;
	line-height: 1.25em;
	text-align: left;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}*/


.bxslider h2 {
	background-color:#222;
	display: table;
	margin:0;
	overflow: hidden;

	text-transform: none;
	font-size: 1.375em !important;
}

.bxslider p {
	font-size: .875em;
}


/*--------SLIDERS-------*/
.slider1 {
	position: relative;
	background: url('../images/banners-home/US-News-Transfer-Students-2025.jpg') no-repeat center right;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

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

	.slider1 {
		background-size: cover;
		background-position: 10% 50% !important;
	}
}	

.slider1 article {	
	position: absolute;
	top: 40%;
	right: 10%;
}




/*--------BLUE SLIDERS-------*/

.slider1-blue {
	position: relative;
	background: url('../images/banners-home/Loveline-Reboot-2025.jpg') no-repeat center right;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

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

	.slider1-blue {
		background-size: cover;
		background-position: 90% 50% !important;
	}
}	

.slider1-blue article {
	position: absolute;
	top: 70%;
	left: 10%;
}





.slide-content {
	position: absolute;
	top: 70%;
	transform: translateY(-50%);
	left: 7%;
	width: 55%;
	/* text-align: center; */
	max-width: 95%;
	z-index: 2;
}


.slide-content a {
	/* text-decoration: none; */
		border-radius: 5px;
		color: #000 !important;
		text-decoration: none;
		font-weight: bold;
		letter-spacing: 0.045em;
		padding: 0.75em 1.125em;
}


.slide-content .headline,
.slide-content .desc {
	display: block;
	margin: 5px 0;
	/* text-shadow: -2px 2px 0 #000; */
}

.slide-content .excelencia-seal {
	width: 20%;
	float: left;
	margin: 0 20px 0 0;
}

.slide-content .headline {
	font-size: 2.5rem;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.25em;
	font-family: 'gothambold1', sans-serif;
	text-shadow: 2px 2px 3px rgba(0,0,0,.5);
	margin: 1.5rem 0 1.5rem .5rem;
	max-width: 80%;
	text-transform: uppercase;
}

.slide-content .link {
	color: #ffffff !important;
	line-height: 1.25em;
	font-family: 'gothambold1', sans-serif;
	text-shadow: 2px 2px 3px rgba(0,0,0,.5);
	padding:0;
	margin: 1.5rem 0 1.5rem .5rem;
  	border-bottom: 2px dotted #fff;
	
}



.headline .highlight {
    font-weight: bolder;
    font-size: 3.1rem;
}

.slide-content .desc {
	font-size: 1.25rem;
/* 	font-weight: bold; */
	color: #ffffff;
	line-height: 1.25em;
	font-family: 'gothambold1', sans-serif;
	text-shadow: 2px 2px 3px rgba(0,0,0,.5);
	margin: 1.5rem 0 1.5rem .5rem;
}

.slide-content .button {
	/* background: rgb(0 39 76); */
	/* background: rgba(0,0,0,.6); */
	background: #FF7900;
	display: inline-block;
	/* margin-top: 15px; */
	margin: .5rem;
	transition: all 250ms;
	/* border: 1px solid black; */
}

.slide-content .button-yellow {
	/* background: rgb(0 39 76); */
	/* background: rgba(0,0,0,.6); */
	background: #feb210;
	display: inline-block;
	/* margin-top: 15px; */
	margin: .5rem;
	transition: all 250ms;
	/* border: 1px solid black; */
}

/* .slide-content .button:after {
	background: url(../images/icons/hp-arrow.png) no-repeat center center;
	content: '';
	display: inline-block;
	height: 1em;
	width: .75em;
	line-height: 100%;
	margin: 0 0 0 5px;
	vertical-align: middle;
} */

.slide-content .button:hover,
.slide-content .button:active,
.slide-content .button:focus {
	background: #feb210;
}

.slide-content .button-yellow:hover,
.slide-content .button-yellow:active,
.slide-content .button-yellow:focus {
	background: #FF7900;
}

@media only screen and (max-device-width: 1300px) {
	.slide-content .headline {
		font-size: 2.75rem;
	}

	.slide-content .desc {
		font-size: 1.1rem;
	}
}

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

	.slide-content {
		top: unset;
		transform: unset;
		left: 0;
		bottom: 0;
		padding: 5rem 1rem 1rem 1rem;
		text-align: center;
		width: 100%;
		max-width: 100%;
		background: rgb(0,0,0);
		background: -moz-linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(22,6,0,0) 100%);
		background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(22,6,0,0) 100%);
		background: linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(22,6,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#160600",GradientType=1);
	}

	.slide-content .excelencia-seal {
		position: absolute;
		right: 0;
		top: -80%;
	}

	.slide-content .headline,
	.slide-content .desc {
		color: white;
		text-align: center;
		text-shadow: 2px 2px 3px rgba(0,0,0,.5);
	}

	.slide-content .headline {
		font-size: 2.1rem;
		max-width: unset;
		margin: 0;
	}
	.slide-content .headline .highlight {
		font-size: 1.75rem;
	}
	.slide-content .desc {
		font-size: .875rem;
		/* margin-top: 5px; */
	}
	.slide-content .button {
		font-size: .875rem;
		/* border-color: rgba(255,255,255,.5); */
		margin-top: 10px;
		padding: 0.5em 1.125em !important;
	}
	.slide-content .button-yellow {
		font-size: .875rem;
		/* border-color: rgba(255,255,255,.5); */
		margin-top: 10px;
		padding: 0.5em 1.125em !important;
	}

}


.talk-logo {
	background: #000;
	display: inline-block;
	padding: 10px;
}

.talk-logo img {
	height: 45px;
	display: block;
}

/*  


.slider1 {
	position: relative;
	background: url(../images/banners-home/robotic-arm-for-blind-veterans.jpg) no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


.slider1 article {
	position: absolute;
	top: 60%;
	left: 3%;
}


.slider1 {
	position: relative;
	background: url(../images/banners-home/Astronaut-Tracy-Caldwell-Dyson.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.slider1 article {
	position: absolute;
	top: 45%;
	left: 5%;
}  */

/* .slider2 {
	position: relative;
	background: url(../images/banners-home/ECS-entrepreneur-in-residence.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.slider2 article {
	position: absolute;
	top: 45%;
	right: 5%;
}

.slider3 {
	position: relative;
	background: url(../images/banners-home/josephine-hernandez.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.slider3 article {
	position:absolute;
	top: 65%;
	right:5%;
}

.slider4 {
	position: relative;
	background: url(../images/banners-home/Pandemic-Changing-English-Language.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.slider4 article {
	position: absolute;
	top: 75%;
	left: 5%;
}

.slider5 {
	position: relative;
	background: url(../images/banners-home/hakob-avetisyan.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.slider5 article {
	position: absolute;
	top: 45%;
	left: 5%;
} */

.slider1 article a:link, .slider1 article a:visited, .slider2 article a:link, .slider2 article a:visited, .slider3 article a:link, .slider3 article a:visited, .slider4 article a:link, .slider4 article a:visited, .slider5 article a:link, .slider5 article a:visited {
	color:#444 !important;
	text-decoration:none;
	display: table-cell;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  /*color:#fff;*/
  text-decoration:none;
 padding:20px 0px 20px 30px;
  background-color: #fff;
	height: 100%;
}


.slider1 article a:hover, .slider2 article a:hover, .slider3 article a:hover, .slider4 article a:hover, .slider5 article a:hover, .slider1 article a:focus, .slider2 article a:focus, .slider3 article a:focus, .slider4 article a:focus, .slider5 article a:focus  {
	background-color: #00274C;
  color: #fff !important;
}


.slider1 article .icon, .slider2 article .icon, .slider3 article .icon, .slider4 article .icon, .slider5 article .icon {
	background: #FF4500;
	text-align:center;
	vertical-align: middle;
	height: 100%;
	padding:34px 10px;
	margin-left: 15px;
}

.slider1 article .icon:after, .slider2 article .icon:after, .slider3 article .icon:after, .slider4 article .icon:after, .slider5 article .icon:after {
	background:url(../images/icons/hp-arrow.png) no-repeat center center;
    content: '';
    display: inline-block;
    height: 16px;
    line-height: 100%;
    margin: 0;
    width: 36px;
	vertical-align: middle;
}


.slider1-blue article a:link, .slider1-blue article a:visited, .slider2-blue article a:link, .slider2-blue article a:visited, .slider3-blue article a:link, .slider3-blue article a:visited, .slider4-blue article a:link, .slider4-blue article a:visited, .slider5-blue article a:link, .slider5-blue article a:visited {
	color:#fff !important;
	text-decoration:none;
	display: table-cell;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  /*color:#fff;*/
  text-decoration:none;
 padding:20px 0px 20px 30px;
  background-color: #00244E;
	height: 100%;
}


.slider1-blue article a:hover, .slider2-blue article a:hover, .slider3-blue article a:hover, .slider4-blue article a:hover, .slider5-blue article a:hover {
	background-color: #0F3F8C;
  color: #fff !important;
}


.slider1-blue article .icon, .slider2-blue article .icon, .slider3-blue article .icon, .slider4-blue article .icon, .slider5-blue article .icon {
	background: #FF4500;
	text-align:center;
	vertical-align: middle;
	height: 100%;
	padding:34px 10px;
	margin-left: 15px;
}

.slider1-blue article .icon:after, .slider2-blue article .icon:after, .slider3-blue article .icon:after, .slider4-blue article .icon:after, .slider5-blue article .icon:after {
	background:url(../images/icons/hp-arrow.png) no-repeat center center;
    content: '';
    display: inline-block;
    height: 16px;
    line-height: 100%;
    margin: 0;
    width: 36px;
	vertical-align: middle;
}



/*.slider1 {
	position: relative;
    background: url(../images/banners-home/internet.jpg) no-repeat center 20%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.slider2 {
	position: relative;
    background: url(../images/banners-home/dance-conference.jpg) no-repeat center 25%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;


}

.slider3 {
	position: relative;
    background: url(../images/banners-home/guzman.jpg) no-repeat center 60%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.slider4 {
	position: relative;
    background: url(../images/banners-home/gang.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.slider5 {
	position: relative;
    background: url(../images/banners-home/disneyland.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.slider1 article, .slider2 article, .slider3 article, .slider4 article, .slider5 article {
	position:absolute;
	bottom:0;
	left:0;
	display: block;
	width:96%;
	height: auto !important;
	padding:1% 2%;
	background-color: rgba(0,0,0,0.9);
	color:#fff;
}*/



.bannerButton {margin-top: 10px;}

a.readStory:link, a.readStory:visited {
	font-size:.75em !important;
  text-transform:uppercase;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  color:#fff;
  text-decoration:none;
  padding:7px 25px;
  /*background-color: rgba(255, 255, 255, 0);*/
	 background-color: rgba(0, 0, 0, 0.7);
  border:1px solid #fff;
	letter-spacing:.025em;	
}

a.readStory:hover, a.readStory:focus, a.readStory:active {
   background-color: #fff;
  color: #084B8A;
	border:1px solid #fff;
}









/* ----------- iPhone 1-5S and GALAXY S3 ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
		
	#sliderBanner {height: 50% !important;}
	.bxslider h2 {font-size:1em !important;} 
	.slider1, .slider2, .slider3, .slider4, .slider5 {background-position: center top;}  
	.slider1 article, .slider2 article, .slider3 article, .slider4 article, .slider5 article {
	position:absolute !important;
	top:auto !important;
	bottom: 0 !important;
	left:0 !important;
	right:auto  !important;	
	display: block !important;
	width:96%  !important;
	height: auto !important;
	margin: 0 !important;
	padding:2%;
	/*background-color: rgba(0,0,0,0.8);*/
		background-color: #fff;
	color:#000;}
	  .slider1 article a, .slider2 article a, .slider3 article a, .slider4 article a, .slider5 article a {
		 background-color: #fff !important; color: #000 !important;  padding:10px !important;
	  } 
	.slider1 article p, .slider2 article p, .slider3 article p, .slider4 article p, .slider5 article p {display:none;}
	.bannerButton {display:block !important;}
	.slider1 article .icon, .slider2 article .icon, .slider3 article .icon, .slider4 article .icon, .slider5 article .icon {
		display: none !important;
		visibility: hidden;
	  } 

	  @media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
		
	#sliderBanner {height: 50% !important;}
	.bxslider h2 {font-size:1em !important;} 
	.slider1-blue, .slider2-blue, .slider3-blue, .slider4-blue, .slider5-blue {background-position: center top;}  
	.slider1-blue article, .slider2-blue article, .slider3-blue article, .slider4-blue article, .slider5-blue article {
	position:absolute !important;
	top:auto !important;
	bottom: 0 !important;
	left:0 !important;
	right:auto  !important;	
	display: block !important;
	width:96%  !important;
	height: auto !important;
	margin: 0 !important;
	padding:2%;
	/*background-color: rgba(0,0,0,0.8);*/
		background-color: #00244E;
	color:#000;}
	  .slider1-blue article a, .slider2-blue article a, .slider3-blue article a, .slider4-blue article a, .slider5-blue article a {
		 background-color: #00244E !important; color: #000 !important;  padding:10px !important;
	  } 
	.slider1-blue article p, .slider2-blue article p, .slider3-blue article p, .slider4-blue article p, .slider5-blue article p {display:none;}
	.bannerButton {display:block !important;}
	.slider1-blue article .icon, .slider2-blue article .icon, .slider3-blue article .icon, .slider4-blue article .icon, .slider5-blue article .icon {
		display: none !important;
		visibility: hidden;
	  } 


	/*#video-unit {display:inline-block; width:100%; height:100%; position: relative; background:none; background-color:#00274C;  overflow:hidden;}
	  .videoOverlay {top:200px; left:0; width:100%;}
	  .videoOverlay .wrap {clear:both !important; float:none !important; width:92%; padding:4%; background-color: rgba(0, 0, 0, 0.9);}
	  .videoOverlay .wrap h1 {font-size: 1.5em !important;}
	  videoOverlay .wrap p {font-size: .75em !important;}
	.videoOverlay img {width:40%; height:auto;}
	.videoControl {display:hidden; visibility:hidden;}

    .video-container {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .videoOverlay {
        position: absolute;
    }
	  
	#banner article li {
		width: 90% !important;
	}

    #dl-menu {
        display:none;
    }

    .mobile-topics {
        display: block;
    }*/

}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	 
	  #sliderBanner {height: 75% !important;}
	.bxslider h2 {font-size:1.25em !important;} 
	.slider1, .slider2, .slider3, .slider4, .slider5 {background-position: center top;}  
	.slider1 article, .slider2 article, .slider3 article, .slider4 article, .slider5 article {
	position:absolute !important;
	top:auto !important;
	bottom: 0 !important;
	left:0 !important;
	right:auto  !important;	
	display: block !important;
	width:96%  !important;
	height: auto !important;
	margin: 0 !important;
	padding:2%;
	/*background-color: rgba(0,0,0,0.8);*/
		background-color:#fff;
	color:#000;}
	  .slider1 article a, .slider2 article a, .slider3 article a, .slider4 article a, .slider5 article a {
		 background-color: #fff !important; color: #000 !important;  padding:10px !important;
	  } 
	.slider1 article p, .slider2 article p, .slider3 article p, .slider4 article p, .slider5 article p {display:none;}
	.bannerButton {display:block !important; margin-top: 0;}
	  .slider1 article .icon, .slider2 article .icon, .slider3 article .icon, .slider4 article .icon, .slider5 article .icon {
		display: none !important;
		visibility: hidden;
	  } 

	  @media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	 
	  #sliderBanner {height: 75% !important;}
	.bxslider h2 {font-size:1.25em !important;} 
	.slider1-blue, .slider2-blue, .slider3-blue, .slider4-blue, .slider5-blue {background-position: center top;}  
	.slider1-blue article, .slider2-blue article, .slider3-blue article, .slider4-blue article, .slider5-blue article {
	position:absolute !important;
	top:auto !important;
	bottom: 0 !important;
	left:0 !important;
	right:auto  !important;	
	display: block !important;
	width:96%  !important;
	height: auto !important;
	margin: 0 !important;
	padding:2%;
	/*background-color: rgba(0,0,0,0.8);*/
		background-color:#00244E;
	color:#000;}
	  .slider1-blue article a, .slider2-blue article a, .slider3-blue article a, .slider4-blue article a, .slider5-blue article a {
		 background-color: #00244E !important; color: #000 !important;  padding:10px !important;
	  } 
	.slider1-blue article p, .slider2-blue article p, .slider3-blue article p, .slider4-blue article p, .slider5-blue article p {display:none;}
	.bannerButton {display:block !important; margin-top: 0;}
	  .slider1-blue article .icon, .slider2-blue article .icon, .slider3-blue article .icon, .slider4-blue article .icon, .slider5-blue article .icon {
		display: none !important;
		visibility: hidden;
	  } 
	
	
	/*#video-unit {display:inline-block; width:100%; height:200%; position: relative; background:none; background-color:#00274C;  overflow:hidden;}
	  .videoOverlay {top:300px !important; left:0; width:100%;}
	  .videoOverlay .wrap {clear:both !important; float:none !important; width:92%; padding:4%; background-color: rgba(0, 0, 0, 0.9);}
	  .videoOverlay .wrap h1 {font-size: 1.5em !important;}
	  videoOverlay .wrap p {font-size: .75em !important;}
	.videoOverlay img {width:40%; height:auto;}
	.videoControl {display:hidden; visibility:hidden;}*/

        /*.video-container {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .videoOverlay {
        position: absolute;
        width:100%;
    }
	  
	  	#banner article li {
		width: 90% !important;
	}

    #dl-menu {
        display: none;
    }

    .mobile-topics {
        display: block;*/
    }


/* ----------- SAMSUNG GALAXY S5 ----------- */

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {
	
	#sliderBanner {height: 50% !important;}
	.bxslider h2 {font-size:1em !important;} 
	.slider1, .slider2, .slider3, .slider4, .slider5 {background-position: center top;}  
	.slider1 article, .slider2 article, .slider3 article, .slider4 article, .slider5 article {
	position:absolute !important;
	top:auto !important;
	bottom: 0 !important;
	left:0 !important;
	right:auto  !important;	
	display: block !important;
	width:96%  !important;
	height: auto !important;
	margin: 0 !important;
	padding:2%;
	/*background-color: rgba(0,0,0,0.8);*/
		background-color: #fff;
	color:#000;}
	  .slider1 article a, .slider2 article a, .slider3 article a, .slider4 article a, .slider5 article a {
		 background-color: #fff !important; color: #000 !important;  padding:10px !important;
	  } 
	.slider1 article p, .slider2 article p, .slider3 article p, .slider4 article p, .slider5 article p {display:none;}
	.bannerButton {display:block !important;}
	.slider1 article .icon, .slider2 article .icon, .slider3 article .icon, .slider4 article .icon, .slider5 article .icon {
		display: none !important;
		visibility: hidden;
	  } 

	  @media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {
	
	#sliderBanner {height: 50% !important;}
	.bxslider h2 {font-size:1em !important;} 
	.slider1-blue, .slider2-blue, .slider3-blue, .slider4-blue, .slider5-blue {background-position: center top;}  
	.slider1-blue article, .slider2-blue article, .slider3-blue article, .slider4-blue article, .slider5-blue article {
	position:absolute !important;
	top:auto !important;
	bottom: 0 !important;
	left:0 !important;
	right:auto  !important;	
	display: block !important;
	width:96%  !important;
	height: auto !important;
	margin: 0 !important;
	padding:2%;
	/*background-color: rgba(0,0,0,0.8);*/
		background-color: #00244E;
	color:#000;}
	  .slider1-blue article a, .slider2-blue article a, .slider3-blue article a, .slider4-blue article a, .slider5-blue article a {
		 background-color: #00244E !important; color: #000 !important;  padding:10px !important;
	  } 
	.slider1-blue article p, .slider2-blue article p, .slider3-blue article p, .slider4-blue article p, .slider5-blue article p {display:none;}
	.bannerButton {display:block !important;}
	.slider1-blue article .icon, .slider2-blue article .icon, .slider3-blue article .icon, .slider4-blue article .icon, .slider5-blue article .icon {
		display: none !important;
		visibility: hidden;
	  }  
	  

	/*#video-unit {display:inline-block; width:100%; height:100%; position: relative; background:none; background-color:#00274C;  overflow:hidden;}
	  .videoOverlay {top:200px; left:0; width:100%;}
	  .videoOverlay .wrap {clear:both !important; float:none !important; width:92%; padding:4%; background-color: rgba(0, 0, 0, 0.9);}
	  .videoOverlay .wrap h1 {font-size: 1.5em !important;}
	  videoOverlay .wrap p {font-size: .75em !important;}
	.videoOverlay img {width:40%; height:auto;}
	.videoControl {display:hidden; visibility:hidden;}*/

    /*.video-container {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .videoOverlay {
        position: absolute;
    }
	  
	#banner article li {
		width: 90% !important;
	}

    #dl-menu {
        display: none;
    }

    .mobile-topics {
        display: block;
    }*/
}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
	
	#sliderBanner {height: 75% !important;}
	.bxslider h2 {font-size:1.25em !important;} 
	.slider1, .slider2, .slider3, .slider4, .slider5 {background-position: center top;}  
	.slider1 article, .slider2 article, .slider3 article, .slider4 article, .slider5 article {
	position:absolute !important;
	top:auto !important;
	bottom: 0 !important;
	left:0 !important;
	right:auto  !important;	
	display: block !important;
	width:96%  !important;
	height: auto !important;
	margin: 0 !important;
	padding:2%;
	/*background-color: rgba(0,0,0,0.8);*/
		background-color: #fff;
	color:#000;}
	  .slider1 article a, .slider2 article a, .slider3 article a, .slider4 article a, .slider5 article a {
		 background-color: #fff !important; color: #000 !important;  padding:10px !important;
	  } 
	.slider1 article p, .slider2 article p, .slider3 article p, .slider4 article p, .slider5 article p {display:none;}
	.bannerButton {display:block !important; margin-top: 0;}
	.slider1 article .icon, .slider2 article .icon, .slider3 article .icon, .slider4 article .icon, .slider5 article .icon {
		display: none !important;
		visibility: hidden;
	  } 

	  @media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
	
	#sliderBanner {height: 75% !important;}
	.bxslider h2 {font-size:1.25em !important;} 
	.slider1-blue, .slider2-blue, .slider3-blue, .slider4-blue, .slider5-blue {background-position: center top;}  
	.slider1-blue article, .slider2-blue article, .slider3-blue article, .slider4-blue article, .slider5-blue article {
	position:absolute !important;
	top:auto !important;
	bottom: 0 !important;
	left:0 !important;
	right:auto  !important;	
	display: block !important;
	width:96%  !important;
	height: auto !important;
	margin: 0 !important;
	padding:2%;
	/*background-color: rgba(0,0,0,0.8);*/
		background-color: #00244E;
	color:#000;}
	  .slider1-blue article a, .slider2-blue article a, .slider3-blue article a, .slider4-blue article a, .slider5-blue article a {
		 background-color: #00244E !important; color: #000 !important;  padding:10px !important;
	  } 
	.slider1-blue article p, .slider2-blue article p, .slider3-blue article p, .slider4-blue article p, .slider5-blue article p {display:none;}
	.bannerButton {display:block !important; margin-top: 0;}
	.slider1-blue article .icon, .slider2-blue article .icon, .slider3-blue article .icon, .slider4-blue article .icon, .slider5-blue article .icon {
		display: none !important;
		visibility: hidden;
	  } 
	  
	  
	/*#video-unit {display:inline-block; width:100%; height:200%; position: relative; background:none; background-color:#00274C;  overflow:hidden;}
	  .videoOverlay {top:300px !important; left:0; width:100%;}
	  .videoOverlay .wrap {clear:both !important; float:none !important; width:92%; padding:4%; background-color: rgba(0, 0, 0, 0.9);}
	  .videoOverlay .wrap h1 {font-size: 1.5em !important;}
	  videoOverlay .wrap p {font-size: .75em !important;}
	.videoOverlay img {width:40%; height:auto;}
	.videoControl {display:hidden; visibility:hidden;}*/

    /*.videoOverlay {
        position: absolute;
        width:100%;
    }
	  
	  	#banner article li {
		width: 90% !important;
	}

    #dl-menu {
        display: none;
    }

    .mobile-topics {
        display: block;
    }*/
}


/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
	 
	  #sliderBanner {height: 50% !important;}
	.bxslider h2 {font-size:1em !important;} 
	.slider1, .slider2, .slider3, .slider4, .slider5 {background-position: center top;}  
	.slider1 article, .slider2 article, .slider3 article, .slider4 article, .slider5 article {
	position:absolute !important;
	top:auto !important;
	bottom: 0 !important;
	left:0 !important;
	right:auto  !important;	
	display: block !important;
	width:96%  !important;
	height: auto !important;
	margin: 0 !important;
	padding:2%;
	/*background-color: rgba(0,0,0,0.8);*/
		background-color: #fff;
	color:#000;}
	 .slider1 article a, .slider2 article a, .slider3 article a, .slider4 article a, .slider5 article a {
		 background-color: #fff !important; color: #000 !important;  padding:10px !important;
	  } 
	.slider1 article p, .slider2 article p, .slider3 article p, .slider4 article p, .slider5 article p {display:none;}
	.bannerButton {display:block !important;}
	  
	.slider1 article .icon, .slider2 article .icon, .slider3 article .icon, .slider4 article .icon, .slider5 article .icon {
		display: none !important;
		visibility: hidden;
	  } 

	  @media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
	 
	  #sliderBanner {height: 50% !important;}
	.bxslider h2 {font-size:1em !important;} 
	.slider1-blue, .slider2-blue, .slider3-blue, .slider4-blue, .slider5-blue {background-position: center top;}  
	.slider1-blue article, .slider2-blue article, .slider3-blue article, .slider4-blue article, .slider5-blue article {
	position:absolute !important;
	top:auto !important;
	bottom: 0 !important;
	left:0 !important;
	right:auto  !important;	
	display: block !important;
	width:96%  !important;
	height: auto !important;
	margin: 0 !important;
	padding:2%;
	/*background-color: rgba(0,0,0,0.8);*/
		background-color: #00244E;
	color:#000;}
	 .slider1-blue article a, .slider2-blue article a, .slider3-blue article a, .slider4-blue article a, .slider5-blue article a {
		 background-color: #00244E !important; color: #000 !important;  padding:10px !important;
	  } 
	.slider1-blue article p, .slider2-blue article p, .slider3-blue article p, .slider4-blue article p, .slider5-blue article p {display:none;}
	.bannerButton {display:block !important;}
	  
	.slider1-blue article .icon, .slider2-blue article .icon, .slider3-blue article .icon, .slider4-blue article .icon, .slider5-blue article .icon {
		display: none !important;
		visibility: hidden;
	  }  
	  
	/*#video-unit {display:inline-block; width:100%; height:100%; position: relative; background:none; background-color:#00274C;  overflow:hidden;}
	  .videoOverlay {top:300px !important; left:0; width:100%;}
	  .videoOverlay .wrap {clear:both !important; float:none !important; width:92%; padding:4%; background-color: rgba(0, 0, 0, 0.9);}
	  .videoOverlay .wrap h1 {font-size: 1.5em !important;}
	  videoOverlay .wrap p {font-size: .75em !important;}
	.videoOverlay img {width:40%; height:auto;}
	.videoControl {display:hidden; visibility:hidden;}
	.videoOverlay img {width:60%; height:auto;}

        .video-container {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .videoOverlay {
        position: absolute;
    }
	  
	  	#banner article li {
		width: 90% !important;
	}

    #dl-menu {
        display: none;
    }

    .mobile-topics {
        display: block;
    }*/
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  
	  #sliderBanner {height: 75% !important;}
	.bxslider h2 {font-size:1.25em !important;} 
	.slider1, .slider2, .slider3, .slider4, .slider5 {background-position: center top;}  
	.slider1 article, .slider2 article, .slider3 article, .slider4 article, .slider5 article {
	position:absolute !important;
	top:auto !important;
	bottom: 0 !important;
	left:0 !important;
	right:auto  !important;	
	display: block !important;
	width:96%  !important;
	height: auto !important;
	margin: 0 !important;
	padding:2%;
	/*background-color: rgba(0,0,0,0.8);*/
		background-color: #fff;
	color:#000;
	  border-bottom: 1px solid #ccc;}
	  .slider1 article a, .slider2 article a, .slider3 article a, .slider4 article a, .slider5 article a {
		 background-color: #fff !important; color: #000 !important;  padding:5px !important;
	  } 
	.slider1 article p, .slider2 article p, .slider3 article p, .slider4 article p, .slider5 article p {display:none;}
	.bannerButton {display:block !important; margin-top: 0;}
	.slider1 article .icon, .slider2 article .icon, .slider3 article .icon, .slider4 article .icon, .slider5 article .icon {
		display: none !important;
		visibility: hidden;
	  }   
	  
	  @media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  
	  #sliderBanner {height: 75% !important;}
	.bxslider h2 {font-size:1.25em !important;} 
	.slider1-blue, .slider2-blue, .slider3-blue, .slider4-blue, .slider5-blue {background-position: center top;}  
	.slider1-blue article, .slider2-blue article, .slider3-blue article, .slider4-blue article, .slider5-blue article {
	position:absolute !important;
	top:auto !important;
	bottom: 0 !important;
	left:0 !important;
	right:auto  !important;	
	display: block !important;
	width:96%  !important;
	height: auto !important;
	margin: 0 !important;
	padding:2%;
	/*background-color: rgba(0,0,0,0.8);*/
		background-color: #00244E;
	color:#000;
	  border-bottom: 1px solid #ccc;}
	  .slider1-blue article a, .slider2-blue article a, .slider3-blue article a, .slider4-blue article a, .slider5-blue article a {
		 background-color: #00244E !important; color: #000 !important;  padding:5px !important;
	  } 
	.slider1-blue article p, .slider2-blue article p, .slider3-blue article p, .slider4-blue article p, .slider5-blue article p {display:none;}
	.bannerButton {display:block !important; margin-top: 0;}
	.slider1-blue article .icon, .slider2-blue article .icon, .slider3-blue article .icon, .slider4-blue article .icon, .slider5-blue article .icon {
		display: none !important;
		visibility: hidden;
	  }   
	  
	  
	/*#video-unit {display:inline-block; width:100%; height:150%; position: relative; background:none; background-color:#00274C;  overflow:hidden;}
	  .videoOverlay {top:220px; left:0; width:100%;}
	  .videoOverlay .wrap {clear:both !important; float:none !important; width:92%; padding:4%; background-color: rgba(0, 0, 0, 0.9);}
	  .videoOverlay .wrap h1 {font-size: 1.5em !important;}
	  videoOverlay .wrap p {font-size: .75em !important;}
	.videoOverlay img {width:40%; height:auto;}
	.videoControl {display:hidden; visibility:hidden;}
	  
        .video-container {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .videoOverlay {
        position: absolute;
             width:100%;
    }
	  
	  	#banner article li {
		width: 90% !important;
	}

    #dl-menu {
        display: none;
    }

    .mobile-topics {
        display: block;
    }*/
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	 
	  #sliderBanner {height: 50% !important;}
	.bxslider h2 {font-size:1em !important;} 
	.slider1, .slider2, .slider3, .slider4, .slider5 {background-position: center top;}  
	.slider1 article, .slider2 article, .slider3 article, .slider4 article, .slider5 article {
	position:absolute !important;
	top:auto !important;
	bottom: 0 !important;
	left:0 !important;
	right:auto  !important;	
	display: block !important;
	width:96%  !important;
	height: auto !important;
	margin: 0 !important;
	padding:2%;
	/*background-color: rgba(0,0,0,0.8);*/
		background-color: #fff;
	color:#000;}
	  .slider1 article a, .slider2 article a, .slider3 article a, .slider4 article a, .slider5 article a {
		 background-color: #fff !important; color: #000 !important;  padding:10px !important;
	  } 
	.slider1 article p, .slider2 article p, .slider3 article p, .slider4 article p, .slider5 article p {display:none;}
	.bannerButton {display:block !important;}
	.slider1 article .icon, .slider2 article .icon, .slider3 article .icon, .slider4 article .icon, .slider5 article .icon {
		display: none !important;
		visibility: hidden;
	  } 
	
	  @media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	 
	  #sliderBanner {height: 50% !important;}
	.bxslider h2 {font-size:1em !important;} 
	.slider1-blue, .slider2-blue, .slider3-blue, .slider4-blue, .slider5-blue {background-position: center top;}  
	.slider1-blue article, .slider2-blue article, .slider3-blue article, .slider4-blue article, .slider5-blue article {
	position:absolute !important;
	top:auto !important;
	bottom: 0 !important;
	left:0 !important;
	right:auto  !important;	
	display: block !important;
	width:96%  !important;
	height: auto !important;
	margin: 0 !important;
	padding:2%;
	/*background-color: rgba(0,0,0,0.8);*/
		background-color: #00244E;
	color:#000;}
	  .slider1-blue article a, .slider2-blue article a, .slider3-blue article a, .slider4-blue article a, .slider5-blue article a {
		 background-color: #00244E !important; color: #000 !important;  padding:10px !important;
	  } 
	.slider1-blue article p, .slider2-blue article p, .slider3-blue article p, .slider4-blue article p, .slider5-blue article p {display:none;}
	.bannerButton {display:block !important;}
	.slider1-blue article .icon, .slider2-blue article .icon, .slider3-blue article .icon, .slider4-blue article .icon, .slider5-blue article .icon {
		display: none !important;
		visibility: hidden;
	  } 
	
	/*#video-unit {display:inline-block; width:100%; height:90%; position: relative; background:none; background-color:#00274C;  overflow:hidden;}
	  .videoOverlay {top:220px; left:0; width:100%;}
	  .videoOverlay .wrap {clear:both !important; float:none !important; width:92%; padding:4%; background-color: rgba(0, 0, 0, 0.9);}
	  .videoOverlay .wrap h1 {font-size: 1.5em !important;}
	  videoOverlay .wrap p {font-size: .75em !important;}
	.videoOverlay img {width:40%; height:auto;}
	.videoControl {display:hidden; visibility:hidden;}

    .videoOverlay {
        position: absolute;
    }
	  
	  	#banner article li {
		width: 90% !important;
	}

    #dl-menu {
        display: none;
    }

    .mobile-topics {
        display: block;
    }*/
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
  
	  #sliderBanner {height: 75% !important;}
	.bxslider h2 {font-size:1.25em !important;} 
	.slider1, .slider2, .slider3, .slider4, .slider5 {background-position: center top;}  
	.slider1 article, .slider2 article, .slider3 article, .slider4 article, .slider5 article {
	position:absolute !important;
	top:auto !important;
	bottom: 0 !important;
	left:0 !important;
	right:auto  !important;	
	display: block !important;
	width:96%  !important;
	height: auto !important;
	margin: 0 !important;
	padding:2%;
	/*background-color: rgba(0,0,0,0.8);*/
		background-color:#fff;
	color:#000;
	  border-bottom:1px solid #ccc;}
	  .slider1 article a, .slider2 article a, .slider3 article a, .slider4 article a, .slider5 article a {
		 background-color: #fff !important; color: #000 !important;  padding:5px !important;
	  } 
	.slider1 article p, .slider2 article p, .slider3 article p, .slider4 article p, .slider5 article p {display:none;}
	.bannerButton {display:block !important; margin-top: 0;}
	.slider1 article .icon, .slider2 article .icon, .slider3 article .icon, .slider4 article .icon, .slider5 article .icon {
		display: none !important;
		visibility: hidden;
	  } 

	  @media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
  
	  #sliderBanner {height: 75% !important;}
	.bxslider h2 {font-size:1.25em !important;} 
	.slider1-blue, .slider2-blue, .slider3-blue, .slider4-blue, .slider5-blue {background-position: center top;}  
	.slider1-blue article, .slider2-blue article, .slider3-blue article, .slider4-blue article, .slider5-blue article {
	position:absolute !important;
	top:auto !important;
	bottom: 0 !important;
	left:0 !important;
	right:auto  !important;	
	display: block !important;
	width:96%  !important;
	height: auto !important;
	margin: 0 !important;
	padding:2%;
	/*background-color: rgba(0,0,0,0.8);*/
		background-color:#00244E;
	color:#000;
	  border-bottom:1px solid #ccc;}
	  .slider1-blue article a, .slider2-blue article a, .slider3-blue article a, .slider4-blue article a, .slider5-blue article a {
		 background-color: #00244E !important; color: #000 !important;  padding:5px !important;
	  } 
	.slider1-blue article p, .slider2-blue article p, .slider3-blue article p, .slider4-blue article p, .slider5-blue article p {display:none;}
	.bannerButton {display:block !important; margin-top: 0;}
	.slider1-blue article .icon, .slider2-blue article .icon, .slider3-blue article .icon, .slider4-blue article .icon, .slider5-blue article .icon {
		display: none !important;
		visibility: hidden;
	  } 
	  
	/*#video-unit {display:inline-block; width:100%; height:130%; position: relative; background:none; background-color:#00274C;  overflow:hidden;}
	  .videoOverlay {top:220px; left:0; width:100%;}
	  .videoOverlay .wrap {clear:both !important; float:none !important; width:92%; padding:4%; background-color: rgba(0, 0, 0, 0.9);}
	  .videoOverlay .wrap h1 {font-size: 1.5em !important;}
	  videoOverlay .wrap p {font-size: .75em !important;}
	.videoOverlay img {width:40%; height:auto;}
	.videoControl {display:hidden; visibility:hidden;}

        .video-container {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .videoOverlay {
        position: absolute;
             width:100%;
    }
	  
	  	#banner article li {
		width: 90% !important;
	}

    #dl-menu {
        display: none;
    }.

    .mobile-topics {
        display: block;
    }*/
}


/* ----------- iPhone X ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
		#sliderBanner {height: 50% !important;}
	.bxslider h2 {font-size:1em !important;} 
	.slider1, .slider2, .slider3, .slider4, .slider5 {background-position: center top;}  
	.slider1 article, .slider2 article, .slider3 article, .slider4 article, .slider5 article {
	position:absolute !important;
	top:auto !important;
	bottom: 0 !important;
	left:0 !important;
	right:auto  !important;	
	display: block !important;
	width:96%  !important;
	height: auto !important;
	margin: 0 !important;
	padding:2%;
	/*background-color: rgba(0,0,0,0.8);*/
		background-color: #fff;
	color:#000;}
	  .slider1 article a, .slider2 article a, .slider3 article a, .slider4 article a, .slider5 article a {
		 background-color: #fff !important; color: #000 !important;  padding:10px !important;
	  } 
	.slider1 article p, .slider2 article p, .slider3 article p, .slider4 article p, .slider5 article p {display:none;}
	.bannerButton {display:block !important;}
	.slider1 article .icon, .slider2 article .icon, .slider3 article .icon, .slider4 article .icon, .slider5 article .icon {
		display: none !important;
		visibility: hidden;
	  } 
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
		#sliderBanner {height: 50% !important;}
	.bxslider h2 {font-size:1em !important;} 
	.slider1-blue, .slider2-blue, .slider3-blue, .slider4-blue, .slider5-blue {background-position: center top;}  
	.slider1-blue article, .slider2-blue article, .slider3-blue article, .slider4-blue article, .slider5-blue article {
	position:absolute !important;
	top:auto !important;
	bottom: 0 !important;
	left:0 !important;
	right:auto  !important;	
	display: block !important;
	width:96%  !important;
	height: auto !important;
	margin: 0 !important;
	padding:2%;
	/*background-color: rgba(0,0,0,0.8);*/
		background-color: #00244E;
	color:#000;}
	  .slider1-blue article a, .slider2-blue article a, .slider3-blue article a, .slider4-blue article a, .slider5-blue article a {
		 background-color: #00244E !important; color: #000 !important;  padding:10px !important;
	  } 
	.slider1-blue article p, .slider2-blue article p, .slider3-blue article p, .slider4-blue article p, .slider5-blue article p {display:none;}
	.bannerButton {display:block !important;}
	.slider1-blue article .icon, .slider2-blue article .icon, .slider3-blue article .icon, .slider4-blue article .icon, .slider5-blue article .icon {
		display: none !important;
		visibility: hidden;
	  } 
}


/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}

/* ----------- iPad ----------- */
/* Portrait */
@media only screen and (max-width : 1020px) and (min-width : 760px) {
   /* 768 x 1024 and 800 x 600 */
   
	#sliderBanner {height: 80% !important;}
	.bxslider h2 {font-size:1.5em !important;} 
	.slider1, .slider2, .slider3, .slider4, .slider5 {background-position: center top;}  
	.slider1 article, .slider2 article, .slider3 article, .slider4 article, .slider5 article {
	position:absolute !important;
	top:auto !important;
	bottom: 0 !important;
	left:0 !important;
	right:auto  !important;	
	display: block !important;
	width:96%  !important;
	height: auto !important;
	margin: 0 !important;
	padding:2%;
	/*background-color: rgba(0,0,0,0.8);*/
		background-color:#fff;
	color:#000;}
	.slider1 article a, .slider2 article a, .slider3 article a, .slider4 article a, .slider5 article a {
		 background-color: #fff !important; color: #000 !important;  padding:10px !important;
	  } 
	.slider1 article .icon, .slider2 article .icon, .slider3 article .icon, .slider4 article .icon, .slider5 article .icon {
		display: none !important;
		visibility: hidden;
	  } 
	
        /*.video-container {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .videoOverlay {
        position: absolute;
             width:100%;
    }
	.videoOverlay .wrap {background-color: rgba(0, 0, 0, 0.9); padding:2%;}
	

    #dl-menu {
        display: none;
    }

    .mobile-topics {
        display: block;
    }*/
}


@media only screen and (max-width : 1020px) and (min-width : 760px) {
	/* 768 x 1024 and 800 x 600 */
	
	 #sliderBanner {height: 80% !important;}
	 .bxslider h2 {font-size:1.5em !important;} 
	 .slider1-blue, .slider2-blue, .slider3-blue, .slider4-blue, .slider5-blue {background-position: center top;}  
	 .slider1-blue article, .slider2-blue article, .slider3-blue article, .slider4-blue article, .slider5-blue article {
	 position:absolute !important;
	 top:auto !important;
	 bottom: 0 !important;
	 left:0 !important;
	 right:auto  !important;	
	 display: block !important;
	 width:96%  !important;
	 height: auto !important;
	 margin: 0 !important;
	 padding:2%;
	 /*background-color: rgba(0,0,0,0.8);*/
		 background-color:#00244E;
	 color:#000;}
	 .slider1-blue article a, .slider2-blue article a, .slider3-blue article a, .slider4-blue article a, .slider5-blue article a {
		  background-color: #00244E !important; color: #000 !important;  padding:10px !important;
	   } 
	 .slider1-blue article .icon, .slider2-blue article .icon, .slider3-blue article .icon, .slider4-blue article .icon, .slider5-blue article .icon {
		 display: none !important;
		 visibility: hidden;
	   } 
	 
		 /*.video-container {
		 position: relative;
		 top: 0;
		 left: 0;
		 width: 100%;
		 height: 100%;
	 }
 
	 .videoOverlay {
		 position: absolute;
			  width:100%;
	 }
	 .videoOverlay .wrap {background-color: rgba(0, 0, 0, 0.9); padding:2%;}
	 
 
	 #dl-menu {
		 display: none;
	 }
 
	 .mobile-topics {
		 display: block;
	 }*/
 }
 

/* Landscape */
@media only screen and (max-width : 1050px) and (min-width : 1022px) {
   /* 1024 x 768 */
    
	#sliderBanner {height: 70% !important;}
	.bxslider h2 {font-size:1.5em !important;} 
	.slider1, .slider2, .slider3, .slider4, .slider5 {background-position: center top;}  
	.slider1 article, .slider2 article, .slider3 article, .slider4 article, .slider5 article {
	position:absolute !important;
	top:auto !important;
	bottom: 0 !important;
	left:0 !important;
	right:auto  !important;	
	display: block !important;
	width:96%  !important;
	height: auto !important;
	margin: 0 !important;
	padding:2%;
	/*background-color: rgba(0,0,0,0.8);*/
		background-color:#fff;
	color:#000;}
	.slider1 article a, .slider2 article a, .slider3 article a, .slider4 article a, .slider5 article a {
		 background-color: #fff !important; color: #000 !important;  padding:10px !important;
	  } 
	.slider1 article .icon, .slider2 article .icon, .slider3 article .icon, .slider4 article .icon, .slider5 article .icon {
		display: none !important;
		visibility: hidden;
	  } 
	
    /*.videoOverlay {
        position: absolute;
             width:100%;
    }
	.videoOverlay .wrap {background-color: rgba(0, 0, 0, 0.9); padding:2%;}*/
	
}

@media only screen and (max-width : 1050px) and (min-width : 1022px) {
	/* 1024 x 768 */
	 
	 #sliderBanner {height: 70% !important;}
	 .bxslider h2 {font-size:1.5em !important;} 
	 .slider1-blue, .slider2-blue, .slider3-blue, .slider4-blue, .slider5-blue {background-position: center top;}  
	 .slider1-blue article, .slider2-blue article, .slider3-blue article, .slider4-blue article, .slider5-blue article {
	 position:absolute !important;
	 top:auto !important;
	 bottom: 0 !important;
	 left:0 !important;
	 right:auto  !important;	
	 display: block !important;
	 width:96%  !important;
	 height: auto !important;
	 margin: 0 !important;
	 padding:2%;
	 /*background-color: rgba(0,0,0,0.8);*/
		 background-color:#00244E;
	 color:#000;}
	 .slider1-blue article a, .slider2-blue article a, .slider3-blue article a, .slider4-blue article a, .slider5-blue article a {
		  background-color: #00244E !important; color: #000 !important;  padding:10px !important;
	   } 
	 .slider1-blue article .icon, .slider2-blue article .icon, .slider3-blue article .icon, .slider4-blue article .icon, .slider5-blue article .icon {
		 display: none !important;
		 visibility: hidden;
	   } 
	 
	 /*.videoOverlay {
		 position: absolute;
			  width:100%;
	 }
	 .videoOverlay .wrap {background-color: rgba(0, 0, 0, 0.9); padding:2%;}*/
	 
 }
 



/* TEMPORARY COMMENCEMENT BANNER */

.commencement-banner {
	position: relative;
	background: url(../images/banners-home/commencement-Sun.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.commencement-banner article {
	position: absolute;
	bottom: 60px;
	left: 0;
	width: 100%;
	height: auto !important;
	text-align: center;
	padding: 0;
	z-index: 2;
}

.commencement-banner .tint {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	z-index: 1;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(0deg, rgba(0,0,0,0.9164040616246498) 0%, rgba(0,0,0,0.7231267507002801) 39%, rgba(0,0,0,0.5298494397759104) 71%, rgba(0,0,0,0.3757878151260504) 84%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.9164040616246498) 0%, rgba(0,0,0,0.7231267507002801) 39%, rgba(0,0,0,0.5298494397759104) 71%, rgba(0,0,0,0.3757878151260504) 84%, rgba(0,0,0,0) 100%);
	background: linear-gradient(0deg, rgba(0,0,0,0.9164040616246498) 0%, rgba(0,0,0,0.7231267507002801) 39%, rgba(0,0,0,0.5298494397759104) 71%, rgba(0,0,0,0.3757878151260504) 84%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

@import url('https://fonts.googleapis.com/css?family=Lora&display=swap');

.commencement-banner article a,
.commencement-banner article h1 {
	background: none !important;
	font-family: 'Lora', Times, serif !important;
}

.commencement-banner article h1 {
	display: block !important;
	text-align: center !important;
	font-size: 2.9em !important;
	line-height: 1.5em !important;
	margin-bottom: 20px;
	font-weight: 400 !important;
}

.commencement-banner article h1:after {
	content: '';
	display: block;
	width: 50px;
	height: 3px;
	background: #FF7900;
	margin: 10px auto;
}

.commencement-banner article a:link,
.commencement-banner article a:visited {
	padding: 0 !important;
	display: inline-block !important;
	color: white !important;
}

.commencement-banner article a:active,
.commencement-banner article a:hover {
	text-decoration: underline;
}

.commencement-banner a:link.btn,
.commencement-banner a:visited.btn {
	border: 1px solid rgba(255,255,255,.3);
	padding: 8px 10px !important;
	border-radius: 6px;
	background: rgba(0,0,0, .5) !important;
	font-size: .8em !important;
}

.commencement-banner a:hover.btn,
.commencement-banner a:active.btn {
	text-decoration: none !important;
	background: black !important;
	border: 1px solid rgba(255,255,255,.6);
}

.commencement-banner .btn svg {
	display: inline-block;
	width: .8em;
	height: .8em;
	line-height: 1em;
	vertical-align: middle;
}

.commencement-banner .story-links {
	margin-top: 30px;
	font-size: .85em !important;
	font-family:'Roboto', Arial, sans-serif !important;
}

.commencement-banner .story-links a:link,
.commencement-banner .story-links a:visited {
	text-decoration: underline;
	font-family:'Roboto', Arial, sans-serif !important;
}

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

	.commencement-banner article {
		background: none;
    color: white;
		width: 100% !important;
		bottom: 30px !important;
	}

	.commencement-banner article h1 {
		font-size: 2.3em !important;
	}

	.commencement-banner a:link.btn,
	.commencement-banner a:visited.btn {
		font-size: .8em !important;
		padding: 8px 10px !important;
	}

}

@media only screen and (max-width: 1050px) and (min-width: 1022px) {
   /* 1024 x 768 */
    
	.commencement-banner article {
		background: none;
    	color: white;
		width: 100% !important;
		bottom: 30px !important;
	}

	.commencement-banner article h1 {
		font-size: 2.3em !important;
	}

	.commencement-banner a:link.btn,
	.commencement-banner a:visited.btn {
		font-size: .8em !important;
		padding: 8px 10px !important;
	}

}

@media only screen and (max-width: 1020px) and (min-width: 760px) {
	
		.commencement-banner article {
		background: none;
    	color: white;
		width: 100% !important;
		bottom: 30px !important;
	}

	.commencement-banner article h1 {
		font-size: 2.3em !important;
	}

	.commencement-banner a:link.btn,
	.commencement-banner a:visited.btn {
		font-size: .8em !important;
		padding: 8px 10px !important;
	}
	
}

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

	.commencement-banner article {
		bottom: 10px !important;
		background: none;
    color: white;
    width: 100% !important;
	}

	.commencement-banner article h1 {
		font-size: 1.5em !important;
		margin-bottom: 0;
	}

	.commencement-banner article h1:after {
		margin: 5px auto 10px auto; 
		height: 1px;
	}
	
	.commencement-banner .story-links {
		margin-top: 10px;
	}

	.commencement-banner a:link.btn,
	.commencement-banner a:visited.btn {
		font-size: .7em !important;

		padding: 5px !important;
	}


}


li#video-unit.ff video {
	width: 100%;
	height: 100%;
	object-fit: cover;

  /* Make video to at least 100% wide and tall */
/*   min-width: 100%;  */
/*   min-height: 100%;  */

  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
/*   width: auto; */
/*   height: auto; */

  /* Center the video */
  position: absolute;

  top: 50%;
  left: 50%;
	transform: translate(-50%,-50%);
	
	margin: 0;
}

li#video-unit.ff  .videoControl {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 3;
}


li#video-unit.ff .videoOverlay {
	/* bottom: 10%; */
	/* top: unset; */
	top: 50%;
	left: 3%;
	position: absolute;
	bottom: unset;
	top: 50%;
	transform: translateY(-50%);
	width: auto;
}

li#video-unit.ff .videoOverlay h2 {
	background: none;
	display: table;
	margin: 0;
	overflow: hidden;
	text-transform: none;
	font-size: 1.375em !important;
	text-shadow: none;
	padding: 0;
}

li#video-unit.ff .videoOverlay h2 a {
	color: #444 !important;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
	color: #fff;
	text-decoration: none;
	padding: 20px 0px 20px 30px;
	background-color: #fff;
	height: 100%;
}







li#video-unit.ff .videoOverlay h2 a:hover {



	background-color: #00274C;
	color: #fff !important;
	border: none !Important;
}

li#video-unit.ff .videoOverlay h2 a .icon {
	background: #FF4500;
	text-align: center;
	vertical-align: middle;
	height: 100%;
	padding: 34px 10px;
	margin-left: 15px;
}



li#video-unit.ff .videoOverlay h2 a .icon:after {

	background: url(../images/icons/hp-arrow.png) no-repeat center center;


	content: '';

	display: inline-block;
	height: 16px;
	line-height: 100%;
	margin: 0;
	width: 36px;
	vertical-align: middle;
}

li#video-unit.ff .ff-logo {
	background: #00274C;
	display: inline-block;
	padding: 10px;
}

li#video-unit.ff .ff-logo img {
	height: 25px;
	display: block;
}

@media only screen and (max-device-width: 768px) {
	li#video-unit.ff {
		background: url('../videos/graduates-empowered/graduates-empowered.jpg') no-repeat center center;
		background-size: cover;
	}

	li#video-unit.ff video {
		display: none;
	}

	li#video-unit.ff .videoOverlay {
		position: absolute !important;
		top: auto !important;
		bottom: 0 !important;
		left: 0 !important;
		right: auto !important;
		display: block !important;
		width: 100% !important;
		height: auto !important;
		margin: 0 !important;
		padding: 2%;
		/* background-color: rgba(0,0,0,0.8); */
		background-color: #fff;
		color: #000;
		transform: unset;
	}

	li#video-unit.ff .videoOverlay h2 {
		font-size: 1em !important;
	}

	li#video-unit.ff .videoOverlay h2 a {
		background-color: #fff !important;
		color: #000 !important;
		padding: 10px !important;
	}

	li#video-unit.ff .videoOverlay h2 a .icon {
		display: none !important;
		visibility: hidden;
	}

	li#video-unit.ff .ff-logo {
		display: none;
	}
	
}



/* Nursing Video Slider */


.list-slider {
	position: relative;
	background: white;
	overflow: hidden;
}

.list-slider article {
	height: auto !important;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 5%;
	z-index: 2;
	background: rgba(255,255,255,.8);
	padding: 35px 30px;
	max-width: 40%;
	
}

.list-slider div.tint {
	position: absolute;
	top: 0;
	left: 0;
	width: 80%;
	height: 100%;
	z-index: 1;
	background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(90deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.list-slider article h2 {
	color: #00376B;
	background: none;
	font-weight: 600;
	margin-bottom: 20px;
	font-size: 1.8em !important;
	line-height: 1.2em;
}

.list-slider article li {
	list-style: disc;
	line-height: 1em;
	margin: 0 0 5px 0;
	color: #FF4500;
}

.list-slider .videoControl {
	position: absolute;
	bottom: 1%;
	right: 1%;
	color: black;
	z-index: 2;
}

.list-slider article ul.other-news {
	margin-left: 25px;
	/* max-width: 400px; */
}

.list-slider article .other-news a, 
.list-slider article .other-news a:link, 
.list-slider article .other-news a:visited {
	display: block;
	background-color: unset;
	color: #333 !important;
	height: auto;
	padding: 0 0 5px 0;
	line-height: 1.4em;
	border-bottom: 1px dashed transparent;
	transition: all linear 250ms;
}

.list-slider article .other-news a:hover,
.list-slider article .other-news a:active, 
.list-slider article .other-news a:focus {
	border-bottom: 1px dashed #333 !important;
	transition: all linear 250ms;
}

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

	.list-slider  article {
		padding: 10px;
		box-sizing: border-box;
		width: 100% !important;
		max-width: unset;
		transform: unset;
		background: white;
	}
	
	/* section#sliderBanner {
		height: 70% !important;
	} */

	.list-slider  {
		background: white url(../images/banners-home/saluting-our-titan-nurses.jpg) no-repeat top center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		min-height: 500px !important;
	}
	

	.list-slider  article h2 {
		color: #333;
		padding: 0 10px;
		margin: 10px 0;
		font-size: 1em !important;
	}

	.list-slider  article li {
		margin: 0 0 5px 0;
	}

	.list-slider  article ul.other-news {
		padding: 0 10px;
		max-width: unset;
		font-size: .75em;
	}

	.list-slider article .other-news a, 
	.list-slider article .other-news a:link, 
	.list-slider article .other-news a:visited {
		color: #333 !important;
		padding: 0 0 5px 0 !important;
	}
	
}


@media only screen and (max-device-width: 768px) {
	.list-slider  {
		background-position: top center;
		background-size: auto 75%;
	}
}

/* End Nursing Video Slider */


/* Election Day Banner */
li#election h2,
li#election a {
    background: none;
}

li#election h2 {
    font-weight: 600;
}

li#election a {
    background-color: #000;
    background: none;
    font-size: 2.5em;
    text-transform: uppercase;
    color: #ff7900 !important;
    letter-spacing: 0.10em;
    padding: 4% 0 1%;
    border-bottom: 1px dotted transparent;
    padding-bottom: 10px;
    transition: all 250ms;
}

li#election a:hover,
li#election a:focus,
li#election a:active {
    border-bottom: 1px dotted #ff7900;
    transition: all 250ms;
}

li#election .headlineTxt {
    font-weight: bold;
}

li#election .headlineTxt span {
    font-weight: bold;
    background-color: #000;
    background: none;
    color: #fff !important;
}

li#election .icon {
    padding: 0;
    width: 10px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    background: url('http://uawebstg.fullerton.edu/_resources/images/icons/hp-arrow.png') no-repeat center center;
}

li#election .icon:after {
    display: none;
}

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

	li#election a {
    background-color: #000;
    background: none;
    font-size: 1.3em;
	}

	li#election .headlineTxt span {
    color: #333 !important;
    }

    li#election {
    	background-position: top left !important;
    }
	
}

/* End Election Day Banner */


/* Commencement 2022 Banner */

@import url("https://use.typekit.net/unr7eut.css");

#video-unit.commencement-2022-banner .tint {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	opacity: 0.75;
	background: linear-gradient(135deg,rgb(255,121,0) 0%,rgb(8,75,138) 100%);
}

#video-unit.ff.commencement-2022-banner .videoOverlay {
	transform: translate(-50%,-50%);
	left: 50%;
	text-align: center;
	z-index: 2;
}

#video-unit.commencement-2022-banner .videoOverlay h2.banner-heading {
	font-family: kepler-std-display, serif;
	font-weight: 500;
	font-style: normal;
	font-size: 4rem !important;
	line-height: 1em;
	display: block;
	margin-bottom: 5px;
}

#video-unit.commencement-2022-banner .videoOverlay .dates {
	font-family: kepler-std-display, serif;
	font-weight: 500;
	display: block;
	font-size: 1.25rem;
	line-height: 1em;
	font-style: italic;
}


#video-unit.commencement-2022-banner .videoOverlay .buttons a {
	display: inline-block;
	vertical-align: middle;
	-moz-osx-font-smoothing: grayscale;
	padding: 0.75rem 1.5rem;
	letter-spacing: .025em;
	font-weight: 400;
	-webkit-transition: all 250ms;
	-moz-box-shadow: all 250ms;
	-ms-box-shadow: all 250ms;
	transition: all 250ms;
	margin: 0.1rem .5rem;
	line-height: 1em;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
}

#video-unit.commencement-2022-banner .videoOverlay .buttons a img {
	width: 4px;
	height: 11px;
}

#video-unit.commencement-2022-banner .videoOverlay .buttons a.button-primary {
	background-color: #00376B;
	border: 1px solid #00376B;
}

#video-unit.commencement-2022-banner .videoOverlay .buttons a.button-primary:hover {
	background-color: #00274C;
}

#video-unit.commencement-2022-banner .videoOverlay .buttons a.button-secondary {
	border: 1px solid #d1d1d1;
}

#video-unit.commencement-2022-banner .videoOverlay .buttons a.button-secondary:hover {
	border: 1px solid #d1d1d1;
}

@media only screen and (max-device-width: 768px) {
	#video-unit.ff.commencement-2022-banner {
		background-image: url('../images/banners-home/commencement-2022-mobile.jpg');
	}

	#video-unit.ff.commencement-2022-banner .videoOverlay {
			top: 50% !important;
			left: 50% !important;
			background: none;
			padding: 0;
	}

	#video-unit.ff.commencement-2022-banner .videoOverlay h2.banner-heading {
			font-size: 2rem !important;
	}

	#video-unit.commencement-2022-banner .videoOverlay .buttons a {
			margin: .5em;
	}

	#video-unit.commencement-2022-banner .videoOverlay hr {
			margin: 1rem 0 !important;
	}

	/* #video-unit.commencement-2022-banner .tint {
		opacity: 0.75;
	} */
}

/* End Commencement 2022 Banner */