@media screen and (min-width: 720px) {
		.item.contact-box {top: 0; width: 331px;height:400px;}
        }

        @media only screen and (min-width: 768px) {
            .subsection {
                padding: 0 90px 90px 90px;
            }
        }

        @media only screen and (max-width: 768px) {
            .subsection {
                padding: 30px 50px 30px 50px;
            }
        }

        @media only screen and (max-width: 425px) {
            .subsection {
                padding: 30px 20px 30px 20px;
            }
        }

        @media (min-width: 45em) {
            #breadcrumb ul {
                padding: 35px 50px 15px 90px;
            }

            .l-page h1 {
                margin: 0 50px 1.5rem 90px;
            }
        }
		  @media (max-width: 769px) {
            #breadcrumb ul {
                padding: 15px 50px;
            }

            .l-page h1 {
                margin: 0 50px;
            }
        }

        .row.align-items-center {
            display: flex;
            align-items: center;
        }

        @media (max-width: 1024px) {
            .row.align-items-center {
                flex-direction: column;
            }
        }
		
.intro {
	position: relative;
	width: 100%;
	height: 500px;
	font-size: calc(5px + 0.4vw);
}
.left {
	float: left;
	height: 100%;
	width: 50%;
	padding: 2rem 2rem 2rem 5rem;
	display: table;
	background-color:#003359;
}
.left > div {
	display: table-cell;
	vertical-align: middle;
}
.l-page .intro h1 {
	font-size: 40px;
    font-weight: 500;
    letter-spacing: 0;
    color: #fff;
	margin: 0!important;
	color:#FCFCFC;
	text-align:left;
	text-transform:uppercase;
	line-height:1!important;
	position:relative;
}

.intro h1 span.one {
position: relative;
    font-weight: 500;
    background: #fff;
    background: -moz-linear-gradient(to left, #00AEEF 0%, #82c342 100%);
    background: -webkit-linear-gradient(to left, #00AEEF 0%, #82c342 100%);
    background: linear-gradient(to left, #00AEEF 0%, #82c342 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00AEEF', endColorstr='#82c342', GradientType=1);
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.intro h1 span.three {
font-weight: 700;
    font-size: 70px;
    line-height: 1;
}
 @media only screen and (max-width: 768px) {
		.left {padding: 2rem;}
         .l-page .intro h1 {font-size:30px; line-height:38px!important;}
		.intro {padding: 0;}
        }		
		


.slider {
	float: right;
	position: relative;
	width: 50%;
	height: 100%;
}
.slider li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	transition: clip .7s ease-in-out, z-index 0s .7s;
	clip: rect(0, 100vw, 100vh, 100vw);
	display: table;
}
.center-y {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #fff;
}

li.current h3, li.current h3 + a {
	opacity: 1;
	transition-delay: 1s;
	transform: translate3d(0, 0, 0);
}
li.current {
	z-index: 1;
	clip: rect(0, 100vw, 100vh, 0);
}
li.prev {
	clip: rect(0, 0, 100vh, 0);
}
.slider nav {
	position: absolute;
	bottom: 5%;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 10;
}
.slider nav a {
	display: inline-block;
	border-radius: 50%;
	width: 1.2rem;
	height: 1.2rem;
  min-width: 12px;
  min-height: 12px;
	background: #fff;
	margin: 0 1rem;
  transition: transform .3s;
}
a.current_dot {
	transform: scale(1.4);
}
@media screen and (max-width: 700px) {
	.left {
		width: 100%;
		height: 30%;
	}
	.slider {
		width: 100%;
		height: 70%;
	}
}

.intro .one {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn;
  animation-delay: 0.3s;
}
.intro .two {
  -webkit-animation-duration: 1s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.6s;
}

.intro .three {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn;
  animation-delay: 0.9s;
}
.intro .four {
  -webkit-animation-duration: 1s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 1.2s;
}		
section.intro:after {
    clear: both;
}
p.edfor {
    padding: 30px;
    font-size: 21px;
    font-weight: bold;
    color: #003359;
}
p.edfor span:before {
    content: '\2022 ';
    padding: 0 5px;
}
p.edfor span {color:#0096cf}		
		
	.admissions-btn {
    background-size: 220%;
    box-shadow: 0 .2em .3em rgba(0, 0, 0, 0.15);
    color: #003359;
    background-color: transparent;
    background-position: 100%;
    border: 3px solid #003359;
    transition: all .2s ease-out;
    cursor: pointer;
    background-image: linear-gradient(93deg, #003359 0%, #003359 50%, transparent 50%, transparent 100%);
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  font-size: 25px;
  padding: 12px 35px;
  display: inline-block;
  margin:0 10px 10px 10px;
  transform: skew(-21deg);			
			
}
.admissions-btn:visited {
  color: #003359;
}
.admissions-btn:hover {
    box-shadow: 0 0 .3em rgba(0, 0, 0, 0.25);
    background-position: 0;
    color: #fff;
}
.admissions-btn > span {
 -ms-transform: skewX(20deg);
  -webkit-transform: skewX(20deg);
  transform: skewX(20deg);  
  display: inline-block;
 font-weight:bold; 
} 
			
ul.audience-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.audience-nav li {
  position: relative;
  height: 40px;
  vertical-align: middle;
border-bottom: 1px solid #f3f3f3;
    background-color: #fff;			
box-shadow:
  1.1px 1.4px 2.2px rgba(0, 0, 0, 0.024),
  2.7px 3.3px 5.3px rgba(0, 0, 0, 0.03),
  5px 6.3px 10px rgba(0, 0, 0, 0.035),
  8.9px 11.2px 17.9px rgba(0, 0, 0, 0.04),
  16.7px 20.9px 33.4px rgba(0, 0, 0, 0.049),
  40px 50px 80px rgba(0, 0, 0, 0.07)
;
			
}
#admissions-audiences .dropdown-menu {
    min-width: 250px;
    padding: 0;
    border-radius: 0;
    margin-top: -6px;
    border: none;
	background:transparent;    
}
#admissions-audiences .btn-group .dropdown-toggle:active, #admissions-audiences .btn-group.open .dropdown-toggle {
    outline: 0;
    background-position: 0;
    color: #fff;
}			
ul.audience-nav li a {
    position: relative;
    display: block;
    padding: 0 10px;
    color: #252525;
    font-size: 16px;
border-left: 5px solid rgba(0, 0, 0, 0.05);			
    line-height: 40px;
  text-decoration: none;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
ul.audience-nav li a:hover {
  background: #f2f2f2;
  border-left-color:#00AEEF;
}
ul.audience-nav li a:hover:before {
  border-right: 10px solid #f2f2f2;
}
ul.audience-nav li a:hover:after {
  border-left: 10px solid #f2f2f2;
}
			

		
			
@-moz-keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-o-keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-moz-keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-o-keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.viewbook {
    max-width: 300px;
	width:100%;
    height:auto;
	margin-bottom:40px;
    margin-right: 40px;
    /* filter: drop-shadow(2px 4px 6px black); */
    box-shadow: 0 1px 1px hsl(0deg 0% 0% / 8%), 0 2px 2px hsl(0deg 0% 0% / 8%), 0 4px 4px hsl(0deg 0% 0% / 8%), 0 8px 8px hsl(0deg 0% 0% / 8%), 0 16px 16px hsl(0deg 0% 0% / 8%);
}	
@media only screen and (max-width: 545px) { 
.btn-group {display:block;}
.admissions-btn {width: 100%;}
}
		
.contact-box .contact-area p, .contact-area p {font-size:16px;}		
.shield-row {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.shield-holder {display:inline-block;position:relative;    
	-webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;}
.shield {
      display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;		
  position: relative;
  height: 200px;
  width: 200px;
  background-color: #00AEEF;
  text-align:center;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;		
  border-radius: 0 0 180px 180px;
  box-shadow: 0 1px 1px hsl(0deg 0% 0% / 0.075),
  0 2px 2px hsl(0deg 0% 0% / 0.075), 
  0 4px 4px hsl(0deg 0% 0% / 0.075),
  0 8px 8px hsl(0deg 0% 0% / 0.075), 
  0 16px 16px hsl(0deg 0% 0% / 0.075);
}
.shield img {width: 113px; margin: -10px auto 0 auto;}
.shield-holder p {
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    margin-top: 10px;
	color:#003359;	
}
.shield-holder p a {color:#003359;}		
.shield-holder:hover{
transform: scale(1.1);
		}		
.shield-holder:hover .shield {
    background: #0088bb;
    box-shadow: none;   
}	
.shield-holder:hover .shield img {
    filter: grayscale(1) brightness(9);
}	
a.link-tag {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
}	
		
.student-services-row {
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    text-align: center;
    flex-wrap: wrap;
}
.student-service {
	position:relative;
	width: 200px;	
	-webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;	
		}
.student-service:hover {
		transform: scale(1.1);
		}
.student-service img {
    width: 115px;
    margin: auto;
	-webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;	
}
.student-service:hover img  {
    filter: grayscale(1) brightness(3);
}			
.student-service p {
    font-size: 21px;
    font-weight: bold;
    margin-top: 10px;
    line-height: 1.1;
}
nav ul li a.applynow:before {
    background-color: #89c85e;
}
.student-service:hover p {color:#00AEEF;}	
.spacer {height:200px;}		
@media only screen and (min-width: 1024px) {		
.spacer {height:350px;}
		}
.section-title, .l-page h1 {
    font-family: "Georgia", Serif;
    font-size: 48px;
    font-weight: 700;
}		
@media (min-width: 992px) {
	.section-title { font-size: 56px; font-size: 3.486rem; line-height: 1.3;}
	.l-page h1 { font-size: 56px; font-size: 3.486rem; line-height: 1.3;}
}