html { min-width: 1000px; }
iframe[name=google_conversion_frame]{ display: none; }
* { padding: 0; margin: 0; border: none; list-style: none; word-break: normal; text-decoration: none; }
html, body { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font: 0/0 Roboto; color: #fff; }
body { margin: 0; overflow-x: hidden; padding: 0}
@keyframes FadeIn { from {opacity: 0; } to { opacity: 1; } }
@keyframes PopOnHover { 50% { transform: scale(1.05); } 100% { transform: scale(1); } }
h1, h2, h3 { text-transform: uppercase; }
header { position: fixed; z-index: 999; top: 0; left: 0; height: 8vh; width: 100vw; background: #ac0322; box-shadow: rgba(0,0,0,0.6) 0 1px 6px 0; }
header > .Logo { position: absolute; top: 2vh; left: 2vw; width: 12vw; height: 4vh; background: url(logo.png) no-repeat left center; background-size: contain; }
header > .Navigation { position: absolute; display: table; bottom: 0; left: 20vw; }
header > .Navigation > div { display: table-row; }
header > .Navigation > div > div { display: table-cell; position: relative; max-width: 9vw; padding: 1vw; vertical-align: bottom; }
header > .Navigation > div > div > a { text-transform: uppercase; color: #fff; font: 1.6vmin/1.6vmin Roboto; }
header > .Navigation > div > div > a:hover { color: #e5dc08; }
header > .Navigation > div > div > div { position: absolute; display: none; top: 100%; animation: navigation-sub 0.3s ease; }
@keyframes navigation-sub { from { transform: translate(0,-45%) scale(1,0.1); } }
header > .Navigation > div > div:hover > div { display: block; }
header > .Navigation > div > div > div > a { position: relative; display: block; background: #c90404; font: 1.6vmin/2vmin Roboto; text-transform: uppercase; padding: 0.8vh 0.8vw; color: #fff; border-bottom: 1px solid #e5dc08; }
header > .Navigation > div > div > div > a:hover { color: #e5dc08; }
header > .Navigation > div > div > div > a:first-child:after { content: ''; position: absolute; top: 0; left: -3vmin; width: calc(100% + 3vmin); height: 1px; background: rgba(0,0,0,0.2); box-shadow: rgba(0,0,0,0.6) 0 0 3px 0; }
header > .Navigation > div > div > div > a:last-child { border-bottom: none; }
header > .Navigation > div > div > div > a:before { content: ''; position: absolute; top: 0; left: -3vmin; width: 1.6vmin; padding: 0 .7vmin; height: 100%; border-bottom: 1px solid #e5dc08; background-color: #e5dc08; background-image: url(icon-navigation-list.png); background-position: center center; background-repeat: no-repeat; background-size: auto 1.2vmin; background-origin: content-box; }
header > .Navigation > div > div > div > a:last-child:before { border-bottom: none; }
header > .Navigation > div > div > div > a[href*=requirements]:before { background-image: url(icon-navigation-list.png); }
header > .Navigation > div > div > div > a[href*=options]:before { background-image: url(icon-navigation-list.png); }
header > .Navigation > div > div > div > a[href*=art]:before { background-image: url(icon-navigation-paint.png); }
header > .Navigation > div > div > div > a[href*=health]:before { background-image: url(icon-navigation-health.png); }
header > .Navigation > div > div > div > a[href*=tech]:before { background-image: url(icon-navigation-mouse.png); }
header > .Navigation > div > div > div > a[href*=business]:before { background-image: url(icon-navigation-finance.png); }
header > .Navigation > div > div > div > a[href*=career-service]:before { background-image: url(icon-navigation-money.png); }
header > .Navigation > div > div > div > a[href*=work]:before { background-image: url(icon-navigation-money.png); }
header > .Navigation > div > div > div > a[href*=scholarship]:before { background-image: url(icon-navigation-money.png); }
header > .Navigation > div > div > div > a[href*=practicum]:before { background-image: url(icon-navigation-tools.png); }
header > .Navigation > div > div > div > a[href*=trade]:before { background-image: url(icon-navigation-tools.png); }
header > .Navigation > div > div > div > a[href*=education]:before { background-image: url(icon-navigation-graduate.png); }
header > .Navigation > div > div > div > a[href*=alumni]:before { background-image: url(icon-navigation-graduate.png); }
header > .Navigation > div > div > div > a[href*=connect]:before { background-image: url(icon-navigation-students.png); }
header > .Navigation > div > div > div > a[href*=parents]:before { background-image: url(icon-navigation-students.png); }
header > .Navigation > div > div > div > a[href*=student]:before { background-image: url(icon-navigation-students.png); }
header > .Navigation > div > div > div > a[href*=designation]:before { background-image: url(icon-navigation-students.png); }
header > .Navigation > div > div > div > a[href*=legal]:before { background-image: url(icon-navigation-courthouse.png); }
header > .Navigation > div > div > div > a[href*=location]:before { background-image: url(icon-navigation-location.png); }
header > .Navigation > div > div > div > a[href*=apply]:before { background-image: url(icon-navigation-pencil.png); }
header > .Navigation > div > div > div > a[href*=news]:before { background-image: url(icon-navigation-pencil.png); }
header > .Navigation > div > div > div > a[href*=better]:before { background-image: url(icon-navigation-award.png); }
header > .Navigation > div > div > div > a[href*=why-choose]:before { background-image: url(icon-navigation-list.png); }
header > .Phone { position: absolute; bottom: 1vh; right: 2vw; color: #fff; font: 3.5vmin/3.5vmin Roboto; font-weight: bold; }
header > .Phone::after { content: ''; position: absolute; top: 50%; left: -2vw; width: 3vmin; height: 3vmin; margin-top: -1.6vh; background: url(top-icon-phone.png) no-repeat center; background-size: contain; }
header > .SocialMedia { position: absolute; right: 2vw; top: 0.5vh; width: 10vw; height: 2vh; }
@keyframes SocialMedia { 50% { transform: rotate(-360deg) scale(1.2); } }
header > .SocialMedia a { position: relative; float: right; width: 2.5vmin; height: 2.5vmin; margin-left: 0.5vw; }
header > .SocialMedia a:hover { animation: SocialMedia 0.6s ease; }
header > .SocialMedia > .Facebook { background: url(top-icon-facebook.png) center center no-repeat; background-size: contain; }
header > .SocialMedia > .Twitter { background: url(top-icon-twitter.png) center center no-repeat; background-size: contain; }
header > .SocialMedia > .Youtube { background: url(top-icon-youtube.png) center center no-repeat; background-size: contain; }
header > .SocialMedia > .Instagram { background: url(top-icon-instagram.png) center center no-repeat; background-size: contain; }
header > .SocialMedia > .Linkedin { background: url(top-icon-linkedin.png) center center no-repeat; background-size: contain; }
@keyframes lead-form { from { transform: perspective(200px) rotateX(60deg) scaleY(0) translate3d(0,-40rem,0); } }
header > .RequestInfo { position: absolute; cursor: pointer; right: 2vw; top: 100%; background: #e5dc08; text-transform: uppercase; color: #ac0322; font: bold 3vmin/3vmin Roboto; padding: 1vh 3vw; text-align: center; border-bottom-left-radius: 1vmin; border-bottom-right-radius: 1vmin; box-shadow: rgba(0,0,0,0.4) 0 2px 4px 0, rgba(0,0,0,0.4) 0 2px 3px 0 inset; transition: all .5s; }
header > .RequestInfo:hover { background: #000; color: #e5dc08; }
@keyframes lead-form-button { 50% { transform: scale(1.05); } 100% { transform: scale(1); } }
header > .lead-form { position: absolute; top: 100%; right: 0; width: 25vw; height: 92vh; display: none; background: #e5dc08; overflow: hidden; padding: 0 2vw; box-shadow: rgba(0,0,0,0.2) 0 2px 4px 0, rgba(0,0,0,0.4) 0 2px 4px 0 inset; animation: lead-form 0.4s ease; }
header > .lead-form > .Close { position: absolute; right: 2vw; top: 3vh; content: '\00d7'; width: 5vmin; height: 5vmin; font: 6vmin/4vmin Roboto; font-weight: lighter; color: #867700; border: .35vmin solid #867700; border-radius: 50%; text-align: center; transition: all .5s; }
header > .lead-form > .Close:hover { border-color: #000; color: #000; cursor: pointer; transform: rotate(360deg); }
header > .lead-form > .Title { display: block; width: 20vw; margin: 3vh 0 3.5vh 0; padding: 0 5vw 2vh 0; font: 4vmin/5vmin Roboto; color: #2a2a2a; text-transform: uppercase; font-weight: 700; border-bottom: .3vmin dashed #867700; }
header > .lead-form > input, header > .lead-form > select { position: relative; background: none; border: .2vmin solid #867700; font: 1.5vmin/2vmin Roboto; color: #2a2a2a; width: 22.8vw; padding: 2vh 1vw; margin: 0 0 2vh 0; }
header > .lead-form > input.error, header > .lead-form > select.error { background: #570202 url(invalid-bg.png) right .15vw top .4vh no-repeat; color: #fff; }
header > .lead-form > select { width: 25vw; padding: 1.8vh 1vw; }
header > .lead-form > select optgroup, header > .lead-form > select option { background: #e5dc08; color: #2a2a2a; }
header > .lead-form > button { width: 25vw; padding: 3vh 0; font: 2.5vmin/2.5vmin Roboto; font-weight: 900; color: #fff; text-transform: uppercase; background: linear-gradient(0deg, #810118, #ac0322); }
header > .lead-form > button:hover { color: #e5dc08; background: #000; cursor: pointer; animation: lead-form-button .3s; }
header > .lead-form > small { display: block; color: #4e470c; font: 1vmin/1.3vmin Arial; margin: 1vh 0 0 0; }
/*
.lead-form button { border: 2px #fff solid; width: calc(100% - 4px); padding: 1rem 0; text-transform: uppercase; font-weight: bold; font-size: 1.5rem; border-radius: 0.5rem; background: #ac0322; background: linear-gradient(0deg, #810118, #ac0322); color: #fff; box-shadow: rgba(0,0,0,0.4) 0 0 0 3px; margin: 1rem 0; cursor: pointer; }
.lead-form button:hover { animation: buttonForm 2s linear infinite; color: rgba(255,255,255,0.9); }
*/
.lead-form h3 { color: #2a2a2a; font: 3vmin/3vmin Roboto; margin-bottom: 1rem; padding-bottom: 0.8rem; border-bottom: 1px #867700 dashed; }
/*
.lead-form small { font-size: 0.7rem; float: left; line-height: 110%; color: #4e470c; padding: 0.2rem 0.5rem; border-top: 1px #ddc500 dashed; }
.lead-form small:last-child { margin-bottom: 1.5rem; }
*/
@keyframes buttonForm {
50% { box-shadow: none; border: 2px transparent solid; }
}
.btn-close { position: absolute; top: 1.5rem; right: 1.5rem; font-size: 1.5rem; border: 1px solid; color: #2a2a2a; border-radius: 100%; line-height: 130%; padding: 0.1rem 0.6rem 0.2rem; cursor: pointer; }
.btn-close:hover { animation: iconEffect 0.6s ease infinite; }
#prevBtn:hover { animation: btnRot1 1s ease infinite; }
.Full { position: relative; width:100%; min-height: 92vh; overflow: hidden; }
.Full > * { position: relative; }
.Full > .Background { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; background-repeat: no-repeat; background-size: cover; background-position: center center; box-shadow: rgba(0,0,0,0.5) 0 -3px 6px 0 inset; }
.Full > * > a.Crumb { font: 1.6vmin/1.8vmin Roboto; color: #e5dc08; }
.Full > * > a.Crumb::after { content: ' > '; font: 1.6vmin/1.8vmin Roboto; color: #fff; }
.Full > * > a.Crumb:hover { color: #fcc100; }
.Full > * > span.Crumb { font: 1.6vmin/1.8vmin Roboto; color: #fff; }
.Full > * > .Social { margin: 3vh 0 0 0; }
.Full > * > .Social > iframe.Facebook { display:inline-block; border:none; overflow:hidden; width: 50px; height: 20px; }
.Full > * > .Social > div.Twitter, .Full > * > .Social > div.Google { display:inline-block; margin: 0 0 0 5px; }
.Full > * a { color: #fcc100; }
.Full > * a:hover { color: #e5dc08; }
.Full > * > .Text b, .Full > * > .Text strong { font-weight: 900; }
.Full > * > .Text { font: 1.8vmin/2.8vmin Roboto; color: #fff; }
.Full > * > .Text .heading { color: #e5dc08; font: bold 2.2vmin/2.6vmin Roboto; }
.Full > * > .Text > ul > li { list-style-type: square; margin-left: 1vw; }
.Full > .News { margin: 5vh 5vw; width: 40vw; padding: 3vh 0 7vh 0; }
.Full > .News > a.Crumb { font: 1.6vmin/1.8vmin Roboto; color: #ac0322; }
.Full > .News > a.Crumb::after { content: ' > '; font: 1.6vmin/1.8vmin Roboto; color: #000; }
.Full > .News > a.Crumb:hover { color: #fcc100; }
.Full > .News > span.Crumb { font: 1.6vmin/1.8vmin Roboto; color: #000; }
.Full > .News > h1 { font: bold 4vmin/5vmin Roboto; color: #ac0322; margin: 3vh 0 2vh 0; }
.Full > .News > .Story { position: relative; display: block; min-height: 10vh; padding: 2vh 1vw 2vh 13vw; margin: 0 0 1vh 0; border-bottom: .5vh solid #ad0623; transition: all .3s; }
.Full > .News > .Story:hover { background: #ad0623; border-radius: .8vmin; }
.Full > .News > .Story > .Image { position: absolute; top: 2vh; left: 1vw; width: 10vw; height: 10vh; border-left: 0.4vw solid #ac0322; border-right: 0.4vw solid #ac0322; background-image: url(/files/pages/0-site/content-01.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.Full > .News > .Story:hover > .Image { border-left-color: #e5dc08; border-right-color: #e5dc08; }
.Full > .News > .Story > .Title { font: bold 1.6vmin/2.2vmin Roboto; text-transform: uppercase; color: #000; margin: 0 0 .5vh 0; }
.Full > .News > .Story:hover > .Title { color: #e5dc08; }
.Full > .News > .Story > .When { font: 900 1.2vmin/1.2vmin Arial; color: #ac0322; margin: 0 0 .5vh 0; }
.Full > .News > .Story:hover > .When { color: #fff; }
.Full > .News > .Story > .Preview { font: 1.2vmin/2vmin Roboto; color: #444; }
.Full > .News > .Story:hover > .Preview { color: #fff; }
.Full > .News > .More { display: inline-block; margin-left: 50%; padding: 1.5vh 2vw; margin-top: 5vh; font: 2.5vmin/2.5vmin Roboto; color: #fff; background: #ad0623; transform: translateX(-50%); cursor: pointer; }
.Full > .News > .More:hover { background: #000; }
.Full > .Content { margin: 13vh 5vw; width: 25vw; padding: 3vh 3vw 7vh 3vw; background: rgba(0, 0, 0, 0.7); }
.Full > .Content > h1, .Full > .Content > .Title { font: bold 4vmin/5vmin Roboto; color: #e5dc08; margin: 3vh 0 2vh 0; text-transform: uppercase; }
.Full > .Category { margin: 5vh 5vw; width: 25vw; padding: 3vh 3vw 7vh 3vw; }
.Full > .Category > a.Crumb { font: 1.6vmin/1.8vmin Roboto; color: #ac0322; }
.Full > .Category > a.Crumb::after { content: ' > '; font: 1.6vmin/1.8vmin Roboto; color: #000; }
.Full > .Category > a.Crumb:hover { color: #fcc100; }
.Full > .Category > span.Crumb { font: 1.6vmin/1.8vmin Roboto; color: #000; }
.Full > .Category > h1 { font: bold 4vmin/5vmin Roboto; color: #ac0322; margin: 3vh 0 2vh 0; }
.Full > .Category > .Text { font: 1.8vmin/2.6vmin Roboto; color: #000; }
.Full > .Category > .Text .heading { color: #000; font: bold 2.2vmin/2.6vmin Roboto; text-transform: uppercase; margin: 3vh 0 2vh 0; }
.Full > .Category > a.Program { display: block; margin-bottom: 0.5vh; padding: 0.8vh 0.8vw; font: 2vmin/2.6vmin Roboto; color: #fff; background: #000; border-left: 0.4vw solid #e5dc08; border-right: 0.4vw solid #e5dc08; border-radius: 0.2vmin; }
.Full > .Category > a.Program:hover { background: #ac0322; animation: PopOnHover .3s; }
.Full > .CategoryStatements { margin: 10vh 10vw; width: 30vw; }
.Full > .CategoryStatements > div { padding: 2vh 2vw 2vh 6.6vw; font: 1.8vmin/2.6vmin Roboto; color: #fff; border-left: 1vmin solid #fff; border-right: 1vmin solid #fff; border-top: 1vmin solid #fff; background-position: left 2vw top 2vh; background-repeat: no-repeat; background-size: 3vw auto; }
.Full > .CategoryStatements > div:first-child { border-radius: 7vmin 7vmin 0 0; }
.Full > .CategoryStatements > div:last-child { border-radius: 0 0 7vmin 7vmin; border-bottom: 1vmin solid #fff; }
.Full > .CategoryStatements > div > .heading { color: #e5dc08; font: bold 2.2vmin/2.6vmin Roboto; text-transform: uppercase; margin: 0 0 1vh 0; }
.Full > .Program { margin: 5vh 5vw; width: 35vw; padding: 3vh 3vw 7vh 3vw; }
.Full > .Program > a.Crumb { font: 1.6vmin/1.8vmin Roboto; color: #ac0322; }
.Full > .Program > a.Crumb::after { content: ' > '; font: 1.6vmin/1.8vmin Roboto; color: #000; }
.Full > .Program > a.Crumb:hover { color: #fcc100; }
.Full > .Program > span.Crumb { font: 1.6vmin/1.8vmin Roboto; color: #000; }
.Full > .Program > h1 { font: bold 4vmin/5vmin Roboto; color: #ac0322; margin: 3vh 0 2vh 0; }
.Full > .Program > .Text { font: 1.8vmin/2.6vmin Roboto; color: #000; }
.Full > .Program > .Text .heading { color: #000; font: bold 2.2vmin/2.6vmin Roboto; text-transform: uppercase; margin: 3vh 0 2vh 0; }
.Full > .Program > .Jobs { border: .8vmin solid #ad0623; font: 2.4vmin/2.4vmin Roboto; color: #ad0623; padding: 0 1vw; margin: 5vh 0 0 0; }
.Full > .Program > .Jobs br:first-child, .Full > .Program > .Jobs br:last-child, .Full > .Program > .Jobs .heading + br, .Jobs span:nth-child(2), .Jobs p { display: none; }
.Full > .Program > .Jobs b, .Full > .Program > .Jobs strong { font: 3vmin/4vmin Roboto; font-weight: 900; }
.Full > .Program > .Jobs small { font: 1.2vmin/3vmin Roboto; }
.Full > .Program > .Jobs ul { margin: 0 -1vw; }
.Full > .Program > .Jobs ul:before { display: block; content: 'CAREER OPPORTUNITIES'; font: 900 3vmin/3vmin Roboto; text-transform: uppercase; color: #e5dc08; padding: 1.8vmin 1vw; background: #ad0623; }
.Full > .Program > .Jobs ul > li { font: 900 1.5vmin/1.5vmin Roboto; color: #555; padding: 1.5vmin 1vw; border-bottom: .1vmin solid #ad0623; }
.Full > .Program > .Jobs ul > li:last-child { border-bottom: none; }
@keyframes Course { from { transform: perspective(200px) rotateX(-160deg) scaleY(0); } }
.Full.ProgramCourses { padding: 10vh 10vw; width: 90vw; min-height: 72vh; }
.Full.ProgramCourses > .Background { padding: 10vh 18vw 0 65vw; width: 17vw; height: 82vh; background: url(program-courses-bg.png) repeat-x center; background-size: contain; }
.Full.ProgramCourses > .Background > .Photo { height: 27vh; border: 1.5vmin solid #fff; margin: 0 0 3vh 0; background: center center no-repeat; background-size: cover; }
.Full.ProgramCourses > .Background > .Name { font: bold 2.6vmin/2.6vmin Roboto; color: #e5dc08; margin: 0 0 1vh 0; }
.Full.ProgramCourses > .Background > .Title { font: italic 1.8vmin/2.6vmin Arial; color: #fff; margin: 0 0 3vh 0; }
.Full.ProgramCourses > .Background > .Testimonial { font: 2vmin/3vmin Roboto; color: #fff; }
.Full.ProgramCourses > .Background > .Testimonial > br:last-child { display: none; }
.Full.ProgramCourses > .Title { margin: 0 0 3vh 0; color: #e5dc08; font: bold 3vmin/3vh Roboto; text-transform: uppercase; }
.Full.ProgramCourses > .Course { position: relative; display: block; margin: 0 0 .3vh 0; width: 40vw; cursor: pointer; border: .3vmin solid #2c2b2c; }
.Full.ProgramCourses > .Course:hover { animation: PopOnHover .3s; }
.Full.ProgramCourses > .Course > .Caption { padding: 1.5vh 0 1.5vh 2vw; font: 1.6vmin/2.2vh Roboto; color: #e5dc08; background: #2c2b2c; }
.Full.ProgramCourses > .Course > .Caption > b { color: #fff; font-weight: 900; }
.Full.ProgramCourses > .Course:before { position: absolute; left: .6vw; top: 2vh; width: .8vw; height: 1.2vh; content: '\00a0'; background: url(course-arrow.png) center center no-repeat; background-size: contain; transition: transform 0.5s; }
.Full.ProgramCourses > .Course > .Description { display: none; padding: 1vh 1vw 1vh 2vw; font: 1.4vmin/2vmin Roboto; color: #fff; }
.Full.ProgramCourses > .Course.Active { transition: border 0.5s ease-in; border-color: #e5dc08; color: #f58a24; font-weight: bold; animation: Course 0.4s ease; }
.Full.ProgramCourses > .Course.Active:before { content: '\00a0'; transform: rotate(90deg); background-image: url(course-arrow-active.png); }
.Full.ProgramCourses > .Course.Active > .Caption { font-weight: 900; }
.Full.ProgramCourses > .Course.Active > .Description { display: block; animation: FadeIn 0.5s ease-in; }
.Full.Campus > .Background { background-color: #292929; }
.Full.Campus > .Background > a { position: absolute; right: 8vw; top: 10vh; width: 35vw; height: 75vh; background: center center no-repeat; background-size: cover; overflow: hidden; }
.Full.Campus > .Background > a:after { opacity: 0; position: absolute; content: 'CLICK TO VIEW ON GOOGLE MAPS'; left: 0; bottom: 0; width: 100%; height: 10vh; background-color: rgba(0,0,0,.5); box-shadow: 0 0 2vh rgb(0,0,0); color: #fff; font: 3vmin/10vh Roboto; font-weight: 900; text-align: center; transition: all .3s; }
.Full.Campus > .Background > a:hover:after { opacity: 1; }
.Full.Campus > .Content, .Full.ThingsToDo > .Content, .Full.PlacesToVolunteer > .Content { margin: 8vh 5vw; width: 45vw; padding: unset; background: unset; }
.Full.CampusPrograms { padding: 8vh 60vw 8vh 5vw; width: 35vw; min-height: 76vh; }
.Full.CampusPrograms > .Title { margin: 0 0 3vh 0; color: #e5dc08; font: bold 4vmin/5vmin Roboto; text-transform: uppercase; }
.Full.CampusPrograms > .CampusCategory { margin: 3vh 0 1.5vh 0; color: #fff; font: bold 2vmin/2vmin Roboto; text-transform: uppercase; }
.Full.CampusPrograms > a.CampusProgram { display: block; margin: 0 0 .5vh 0; padding: 0.8vh 0.8vw; font: 2vmin/2.6vmin Roboto; color: #fff; background: #000; border-left: 0.4vw solid #e5dc08; border-right: 0.4vw solid #e5dc08; border-radius: 0.2vmin; }
.Full.CampusPrograms > a.CampusProgram:hover { background: #ac0322; animation: PopOnHover .3s; }
.Full.Employment > .Content > .Text .Attributes { font: 1.2vmin/1.2vmin Roboto; color: #fff; margin: 0 0 2vh 0; }
.Full.Employment > .Content > .Text p { margin: 0 !important; font-size: 0 !important; line-height: 0 !important; }
.Full.Employment > .Content > .Text p > big { font: 1.8vmin/2.8vmin Roboto !important; color: #fff !important; }
.Full.Employment > .Content > .Text p > big > strong { display: block !important; margin: 2vh 0 0 0 !important; color: #4c4a4a !important; font: bold 2.2vmin/2.6vmin Roboto !important; }
.Full.Employment > .Content > .Text p > span { font: 1.8vmin/2.8vmin Roboto !important; color: #fff !important; }
.Full.Employment > .Content > .Text p > span > span { font: 1.8vmin/2.8vmin Roboto !important; color: #fff !important; }
.Full.Employment > .Content > .Text p > span > strong { display: block !important; margin: 2vh 0 0 0 !important; color: #fff !important; font: bold 2.2vmin/2.6vmin Roboto !important; }
.Full.Employment > .Content > .Text ul { margin: 1vh 0 1vh 2vw !important; }
.Full.Employment > .Content > .Text ul > li { list-style-position: outside !important; list-style-type: square !important; font: 1.8vmin/2.8vmin Roboto !important; color: #fff !important; }
.Full.Employment > .Content > .Text ul > li > big { font: 1.8vmin/2.8vmin Roboto !important; color: #fff !important; }
.Full.Employment > .Content > .Text ul > li > span { font: 1.8vmin/2.8vmin Roboto !important; color: #fff !important; }
.Full.Employment > .Content > .Text a { display: inline-block; padding: 1vh 2vw; margin-top: 1vh; font: 900 2vmin/2vmin Roboto; color: #fff; background: #ac0322; cursor: pointer; }
.Full.Employment > .Content > .Text a:hover { background: #e5dc08; color: #ac0322; animation: PopOnHover .3s; }
.Full.Employment > .Content > .Text .Separator { display: block; height: .3vh; margin: 2vh 0 5vh 0; background: #888; }
.Full.HomeSlides > .Slide { position: absolute; display: none; top:0; left:0; width:100%; height:100%; }
.Full.HomeSlides > .Slide:nth-child(1) > div { position: absolute; top: 8vh; right: 8vw; width: 50vw; height: 70vh; }
.Full.HomeSlides > .Slide:nth-child(1) > div h1 { position: relative; font: 5vmin/7vmin serif; color: #1a1818; margin-bottom: 2vh; }
.Full.HomeSlides > .Slide:nth-child(1) > div h1::before { content: ''; position: absolute; top: 1.7vh; left: -5vmin; width: 4vmin; height: 4vmin; background: url(icon-h1.png) no-repeat center; background-size: contain; }
.Full.HomeSlides > .Slide:nth-child(1) > div h1 b { position: relative; clear: both; width: 100%; font: bold 6vmin/7vmin serif; color: #c10426; }
.Full.HomeSlides > .Slide:nth-child(1) > div > .Text { font: 2vmin/2.8vmin Roboto; color: #1a1818; }
.Full.HomeSlides > .Slide:nth-child(1) > div > .Text .heading { color: #c10426; font: 4vmin/2.4vmin serif; font-weight: bold; }
.Full.HomeSlides > .Slide:nth-child(2) > div { position: absolute; top: 50%; left: 15%; width: 70%; transform: translate(0,-40%); text-align: center; }
.Full.HomeSlides > .Slide:nth-child(2) > div > h2 { color: #e5dc08; font: 8vmin/8vmin serif; width: 100%; }
.Full.HomeSlides > .Slide:nth-child(2) > div ul { width: 100%; display: flex; flex-flow: wrap row; justify-content: center; margin: 4vh 0; }
.Full.HomeSlides > .Slide:nth-child(2) > div ul a { float: left; border: 1px solid; padding: 0.2vw 1vh; line-height: 100%; margin: 0 0.2vw; color: #e5dc08; font: 1.8vmin Roboto; font-weight: 100; text-transform: uppercase; }
@keyframes home-slides-programs { to { color: #ac0322; box-shadow: #ac0322 0 0 26px 1px,#ac0322 0 0 4px 0px inset; } }
.Full.HomeSlides > .Slide:nth-child(2) > div ul a:hover { animation: home-slides-programs 0.4s ease forwards; }
.Full.HomeSlides > .Slide:nth-child(2) > div h4 { font-weight: normal; font: 2vmin/2.8vmin Roboto; }
.Full.HomeSlides > .Slide:nth-child(2) > div h4 div { width: 100%; margin: 0.2vh 0; }
.Full.HomeSlides > .Buttons { position: absolute; left:50%; bottom: 8vh; width:auto; height: 1vh; z-index:9; transform: translate(-50%,0); }
.Full.HomeSlides > .Buttons div { float: left; width:4vmin; height: 4vmin; background: #ededed; border-radius: 100%; margin:0 2vmin; box-shadow: rgba(0,0,0,0.4) 0 2px 4px 0; cursor: pointer; }
.Full.HomeSlides > .Buttons div.Active { transform: scale(1.5); background: #ac0322; }
@keyframes home-slides { from {transform: matrix(1.1,0,0,1.1,0,0); opacity: 0.7;} }
.Full.HomeSlides > .Slide.Active { display: block; animation: home-slides 0.4s ease; }
.Full > .HomeStatements { position: absolute; top: 10vh; left: 8vw; height: 70vh; }
.Full > .HomeStatements > h2 { font: 7vmin/7vmin serif; }
.Full > .HomeStatements > h2 > b { font-weight: bold; color: #e5dc08; }
.Full > .HomeStatements > div { clear: both; padding-top: 5vh; }
.Full > .HomeStatements > div > div:nth-child(odd) { float: left; width: 5vmin; height: 5vmin; }
.Full > .HomeStatements > div > div:nth-child(even) { float: left; width: 15vw; margin: 0 1vw; font: 1.5vmin/2.2vmin Roboto; }
.Full.review { background: #2a2a2a; box-shadow: rgba(0,0,0,0.5) 0 3px 6px 0 inset; }
.Full.review > h2 { position: absolute; top: 50%; left: 50%; margin-left: -35%; margin-top: -37vh; height: 7%; width: 70%; font: 8vmin/8vmin serif; }
.Full.review > h2 > b { color: #e5dc08; }
.Full.review > .title { position: absolute; top: 50%; left: 50%; margin-left: -35%; margin-top: -26vh; font: 3vmin/3vmin serif; color: #e5dc08; }
.Full.review > .by { position: absolute; top: 50%; left: 50%; margin-left: -35%; padding-left: 2vw; margin-top: -20vh; font: 1.4vmin/1.4vmin Roboto; }
.Full.review > .from { position: absolute; top: 50%; left: 50%; margin-left: -35%; padding-left: 2vw; margin-top: -17.5vh; font: 1.4vmin/1.4vmin Roboto; }
.Full.review > .video { position: absolute; top: 50%; left: 50%; margin-left: -35%; margin-top: -14vh; height: 50%; width: 50%; background: #fff; }
.Full.review > .text { position: absolute; top: 50%; right: 50%; margin-right: -35%; margin-top: -14vh; height: 50%; width: 19%; font: 2vmin/2.8vmin Roboto; }
.Full.review > .nav { position: absolute; top: 59.7vh; width: 6vmin; height: 6vmin; background: url(pic-btn-review.png) no-repeat center; background-size: contain; cursor: pointer; }
.Full.review > .nav.prev { top: 50%; left: 5%; }
.Full.review > .nav.next { top: 50%; right: 5%; transform: scale(-1,1); }
.Full.review > .prev:hover { animation: review-prev 1s ease infinite; }
.Full.review > .next:hover { animation: review-next 1s ease infinite; }
@keyframes review-prev { 50% { transform:matrix(1,0,0,0.8,-10,0); } }
@keyframes review-next { 50% { transform:matrix(-1,0,0,0.8,10,0); } }
body > .News { position: relative; width: 100vw; height: 25vh; background-color: #ad0623; }
body > .News > .Icon { position: absolute; left: 3.5vw; top: 2.5vh; width: 12vw; height: 20vh; background: url(news-icon.png) center center no-repeat; background-size: contain; }
body > .News > .Arrow { position: absolute; left: 17vw; top: 0; width: 87vw; height: 25vh; background: #fff url(news-or-events-bg.png) left center no-repeat; background-size: 10vw 25vh; }
body > .News > .Image { position: absolute; left: 32vw; top: 2vh; width: 16vw; height: 15vh; border: 3vmin solid #ad0623; background-image: url(/files/pages/0-site/content-01.jpg); background-position: left center; background-repeat: no-repeat; background-size: cover; }
body > .News > .Title { position: absolute; top: 2vh; left: 55vw; font: 3vmin Roboto; color: #ad0623; font-weight: bold; white-space: nowrap; }
body > .News > .Date { position: absolute; top: 7vh; left: 55vw; font: 1.8vmin Roboto; width: 30vw; color: #000; font-style: italic; }
body > .News > .Text { position: absolute; top: 11vh; left: 55vw; font: 2vmin/2.8vmin Roboto; width: 45vw; color: #000; }
body > .News > a.ReadFull { position: absolute; display: block; bottom: 2vh; left: 55vw; background: #ad0623; color: #fff; font: 2vmin/2vmin Roboto; text-transform: uppercase; padding: 0.6vh 0; transform: skew(-20deg); width: 12vw; text-align: center; }
body > .News > a.ReadOther { position: absolute; display: block; bottom: 2vh; left: 68vw; background: #ad0623; color: #fff; font: 2vmin/2vmin Roboto; text-transform: uppercase; padding: 0.6vh 0; transform: skew(-20deg); width: 12vw; text-align: center; }
body > .News > a.ReadFull:hover, .News > a.ReadOther:hover { color: #e5dc08; }
/*
.news-and-events { position: relative; width: 100%; background-repeat: no-repeat; background-position: 32vmin center; background-image: -moz-radial-gradient(circle,rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,0),rgba(255,255,255,0)), url(/files/pages/2016-website/desktop/pic-home-banner1.jpg); background-size: auto 200%; overflow: hidden; height: 28vh; overflow: hidden; }
.news-and-events > .head { position: absolute; z-index: 2; }
.news-and-events > .head::before { content: ''; position: absolute; top: -20vh; left: -30vh; width: 60vh; height: 60vh; background: #ac0322; transform: rotate(45deg) skew(20deg, 20deg); border: 4vmin solid; box-shadow: #ac0322 0 0 0 4vmin; z-index: 1; }
.news-and-events > .head::after { content: ''; position: absolute; top: 16vh; left: 4.2vw; width: 10vmin; height: 10vmin; background: url(icon-news-title.png) no-repeat center; background-size: contain; z-index: 2; }
.news-and-events > .head > h3 { position: absolute; top: 5vmin; left: 4vmin; z-index: 3; font: 5vmin Roboto; line-height: 100%; }
.news-and-events > .news-title { position: absolute; top: 2vh; left: 77vmin; font: 3vmin Roboto; color: #ad0623; font-weight: bold; white-space: nowrap; }
.news-and-events > .news-date { position: absolute; top: 7vh; left: 77vmin; font: 1.8vmin Roboto; width: 30vw; color: #000; font-style: italic; }
.news-and-events > .news-text { position: absolute; top: 11vh; left: 77vmin; font: 2vmin/2.8vmin Roboto; width: 55vh; color: #000; }
.news-and-events > a.read-full { position: absolute; display: block; bottom: 2vh; left: 77vmin; background: #ad0623; color: #fff; font: 2vmin/2vmin Roboto; text-transform: uppercase; padding: 0.6vh 0; transform: skew(-20deg); width: 23vmin; text-align: center; }
.news-and-events > a.read-other { position: absolute; display: block; bottom: 2vh; left: 101vmin; background: #ad0623; color: #fff; font: 2vmin/2vmin Roboto; text-transform: uppercase; padding: 0.6vh 0; transform: skew(-20deg); width: 23vmin; text-align: center; }
.news-and-events > a.read-full:hover, .news-and-events > a.read-other:hover { color: #e5dc08; }
.news-and-events > .divider { position: absolute; top: -3rem; left: 106rem; width: 2rem; height: 25rem; transform: rotate(20deg); background: #e5dc08; }
.news-and-events > .event { position: absolute; top: -3rem; left: 110rem; width: 200rem; height: 25rem; transform: skew(-20deg); background: #e5dc08; }
.news-and-events > .event-date { position: absolute; top: 1rem; right: 3rem; font-size: 2.2rem; color: #fff; font-weight: bold; text-transform: uppercase; font-style: italic; }
.news-and-events > .event-time { position: absolute; top: 4rem; right: 3rem; font-size: 3.5rem; color: #fff; font-weight: bold; text-transform: uppercase; font-style: italic; }
.news-and-events > .event-title { position: absolute; top: 9rem; right: 3rem; width: 27rem; font-size: 1.9rem; line-height: 2rem; text-transform: uppercase; color: #000; font-weight: bold; text-align: right; }
.news-and-events > a.event-details { position: absolute; display: block; bottom: 1rem; right: 17rem; background: #fff; color: #ad0623; font-size: 1rem; text-transform: uppercase; padding: 0.6rem 0; transform: skew(-20deg); width: 13rem; text-align: center; }
.news-and-events > a.other-events { position: absolute; display: block; bottom: 1rem; right: 3rem; background: #fff; color: #ad0623; font-size: 1rem; text-transform: uppercase; padding: 0.6rem 0; transform: skew(-20deg); width: 13rem; text-align: center; }
*/
footer {
text-align: center;
padding: 3vh 0 0vh 0; }
footer > div { display: inline-table; }
footer > div > div { display: table-row; }
footer > div > div > div { display: table-cell; }
footer > div > div > div > a { display: block; padding: 0.15vh 0; margin: 0 1vw; color: #ddd; font: lighter 1.4vmin/2.2vmin Roboto; }
footer > div > div > div > a:first-child { border-bottom: .1vmin solid #ddd; margin-bottom: 0.8vh; padding: 0.3vh 0; text-transform: uppercase; font: bold 1.6vmin/2.8vmin Roboto; }
footer > div > div > div > a:last-child { margin-bottom: 5vh; }
footer a:hover { color: #fcc100; }
footer > div { border-bottom: .1vmin solid #ddd; }
footer > a { display: inline-block; color: #ddd; font: lighter 1.2vmin/2vmin Roboto; padding: 0.2vh 1vw; margin-top: 2vh; }
footer > a:nth-of-type(1) { border-right: 1px solid #ddd; }
@keyframes aNew {
to {color:#e5dc08;}
}
@keyframes aNewAfter {
from {transform: matrix(0.1,0,0,1,-100,0);}
}
.background-picture-bank {
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index: -1;
}
.background-picture-bank li {
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
display: none;
}
#nextBtn:hover {
animation: btnRot2 1s ease infinite ;
}
@keyframes btnRot1 {
50% { transform:matrix(1,0,0,0.8,-10,0); }
}
@keyframes btnRot2 {
50% { transform:matrix(-1,0,0,0.8,10,0); }
}
#prevBtn {
left:38rem;
}
#nextBtn {
left:125rem;
transform: scale(-1,1);
}
/*
.grid-news {
position: relative;
width:100%;
background: #e5dc08;
box-shadow: rgba(0,0,0,0.4) 0 -2px 4px 0;
z-index: 2;
}
.news-body {
position: relative;
margin: 8rem 20rem;
width:calc(100% - 40rem);
background: #fff;
overflow: hidden;
border-radius: 16px;
box-shadow: rgba(0,0,0,0.4) 0 4px 6px 0;
padding: 2rem;
height: 16rem;
overflow: hidden;
}
.news-title {
position: absolute;
z-index: 2;
}
.news-title::before {
content:'';
position: absolute;
top:-10rem;
left:-18rem;
width:33rem;
height: 33rem;
background: #ac0322;
transform: rotate(45deg);
border:2rem solid;
box-shadow: #ac0322 0 0 0 2rem;
z-index: 1;
}
.news-title::after {
content:'';
position: absolute;
top:8rem;
left:6rem;
width:8rem;
height:8rem;
background: url(img/icon-news-title.png) no-repeat center;
background-size: contain;
z-index: 2;
}
.news-title h3 {
position: absolute;
top:1rem;
left:1.2rem;
z-index: 3;
font-size: 3.5rem;
line-height: 100%
}
.news-holder {
position: absolute;
left:33rem;
width:calc(100% - 35rem);
height: calc(100% - 4rem);
}
.news-holder img {
position: absolute;
top:5%;
height: 90%;
}
.news-content {
position: absolute;
top:5%;
left:24rem;
color:#2a2a2a;
width:50%;
}
.news-content h3 {
font-size:2rem;
width:100%;
margin-top:-0.5rem;
margin-bottom:0.5rem;
}
.news-content i {
margin-right: 1rem;
}
.news-content p {
margin-top:1rem;
float: left;
}
.news-content a {
position: relative;
float: left;
color: #ac0322;
margin-top:1rem;
padding-bottom:1rem;
overflow: hidden;
}
.news-content a:hover {
animation:aNew 0.6s linear forwards;
}
.news-content a:hover::after {
display: block;
}
.news-content a::after {
content:'';
position: absolute;
top:70%;
left:0;
width:100%;
height:2px;
background: #ad5f03;
animation: aNewAfter 0.2s ease;
display: none;
}
@keyframes aNew {
to {color:#ad5f03;}
}
@keyframes aNewAfter {
from {transform: matrix(0.1,0,0,1,-100,0);}
}
*/
.m-page {
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
display: none;
}
@keyframes mPage {
from {transform: matrix(1.1,0,0,1.1,0,0); opacity: 0.7;}
}
@keyframes ulA {
to {color:#ac0322;box-shadow: #ac0322 0 0 26px 1px,#ac0322 0 0 4px 0px inset;}
}
#m-ourPrograms h4 {
font-weight: normal;
}
#m-ourPrograms h4 div {
width:100%;
margin:0.2rem 0;
}
.counter {
position: absolute;
bottom:2rem;
left:50%;
width:auto;
height: 1rem;
z-index:9;
transform: translate(-50%,0);
}
.counter div {
width:1rem;
height: 1rem;
background: #ededed;
border-radius: 100%;
margin:0 0.5rem;
box-shadow: rgba(0,0,0,0.4) 0 2px 4px 0;
cursor: pointer;
}
.counter div.select {
transform: scale(1.2);
background: #ac0322;
}
#homepage {
overflow: hidden;
}
#logo {
background-image: url(/files/pages/ab-international-students/reeves-logo.svg);
width: 20%;
height: 10%;
background-size: contain;
background-repeat: no-repeat;
margin: 2vh 7vw;
position: absolute;
top: 0;
left: 0;
z-index: 9999999;
}