
/* imports and fonts imports */
@import url("/apps/js/polls/polls-pack.css");

/* General */
html { height: 100%; font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { height: 100%; text-align: center; margin: 0; padding: 0; font-size: 13px; line-height: 1.231;min-width: 1200px;background: #314e83; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

.DB_mask {z-index: 99999 !important;}
.DB_dialog {z-index: 99999 !important;}

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; }
a, a:active, a:visited { color: #033b73; }
a:hover, a:active { outline: 0; color: #fb3038; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
  
/* Normalization of fonts */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Font styles */
body,
#nav_items_0 li:hover ul li a, 
#nav_items_0 li.over ul li a,
#address { font-family: "Arial", Helvetica, sans-serif; }
#pageNav, #pageNav ul li a, #quicklinks a, #nav_items_0 li a, #motto { font-family: "Arial", Helvetica, sans-serif; }

/* Site Styles */
#wrapper, #wrapper-index { position: relative; margin: 0 auto; width: 100%; min-width: 960px; height: 100%; min-height: 100%; height: auto!important; text-align: left;background: url('') no-repeat;}

.inside { width: 100%; margin: 0 auto; }
#wrapper .content { position: relative; margin: 0 auto;}
#wrapper{background: #fff;}
#wrapper .content .inside, #wrapper .neutral, #wrapper table {font-family: 'Roboto', sans-serif;font-size: 16px;color: #4a4e56;font-weight: 400;line-height: 23px;}
#wrapper .content .inside { width: 1100px; padding: 47px 0 725px; margin: 0 auto; }
.content { width: 100%; text-align: left; margin: 0 auto; padding: 0 ;}
.content .inside { position: relative; min-height: 400px; height: auto!important; height: 400px;}
.pageTitle { width: auto; display: block; margin-bottom: 30px; position: relative;font-family: 'Zilla Slab', serif;font-size: 50px;color: #305599;font-weight: 600;line-height: 50px;letter-spacing: .5px;}
.insidepage-rotating-image{display: none;width: 100%;}
/*.insidepage-rotating-image .row-inner{height: 300px;}*/
#wrapper .insidepage-rotating-image{display: block;}
#wrapper #footer{position: absolute;bottom: 0;}
#wrapper .content .inside a:hover, #wrapper .content .inside a:focus{color: #314e83;text-decoration: none;}
#staff.staffR1.staff-horizontal .staff-categoryStaffMember dl dt{padding-bottom: 2px !important;}

/* Top */
#top { position: relative;background: #ffffff;}
#top:after{content: "";background: url('/pics/header-top-border.png') no-repeat center top;width: 100%;height: 3px;position: absolute;bottom: -1px;left: 0;}
#top #inner {position: relative; width: 1100px; height: 36px; margin: 0 auto;}
#marquee-new { float: left; position: relative;margin: 6px 0 0 173px; }
#tabs { width: auto; padding: 0; float: right; position: relative;}

#googleTranslate { opacity:0; filter: alpha(opacity = 0); width:17px !important; height: 18px;cursor: pointer;position: relative; }
#preGoogle { position: relative; height: 18px !important; display:block; overflow:hidden; background:url('/pics/translate.png') no-repeat center top; border:0;float: left;margin: 8px 0 0 18px; }

#login { width: 19px; float: left;margin-top: 7px; }
#login #click { width: 19px; height: 23px; text-align: center; display: block; position: relative; z-index: 1; text-decoration: none;background: url('/pics/login.png') no-repeat center top; }
#login #form { display: none; padding: 0 10px 10px ; z-index: 0; border-left: 0; position: absolute; background: #305599;z-index: 999;font-family: 'Roboto', sans-serif; }
#student-vault-vertical, #login #form, #login #form a,#login label {color: #fff !important;}

#search { float: left;position: relative;margin: 8px 54px 0 18px;}
#search:after{content: "";background: #e7eaf0;width: 1px;height: 20px;position: absolute;right: -25px;top: 0;}
#search form { margin: 0; }
#search #search-field { width: 120px;height: 32px;border: 0px;padding: 0px 6px;color: #fff;background: #305599;display: none;position: absolute;right: 0px;top: 23px;font-family: 'Roboto', sans-serif;border-radius: 3px;z-index: 999;font-size: 13px;}
#search #search-img { vertical-align: top;padding-bottom: 7px; }

.facebook{background: url('/pics/facebook.png') no-repeat center top;width: 10px;height: 17px;float: left;margin-top: 9px;}
.twitter{background: url('/pics/twitter.png') no-repeat center top;width: 20px;height: 15px;float: left;margin: 10px 0 0 23px;}
.instagram{background: url('/pics/instagram.png') no-repeat center top;width: 18px;height: 18px;float: left;margin: 8px -3px 0 23px;}

.facebook,.twitter,.instagram{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.facebook:hover,.facebook:focus,
.twitter:hover,.twitter:focus,
.instagram:hover,.instagram:focus{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

/* Header */
#header { position: relative;background: #ffffff; }
#header:after{content: "";background: url('/pics/header-bottom-border.png') repeat-x center top;width: 100%;height: 5px;position: absolute;bottom: -5px;left: 0;z-index: 9;}
#header .inside { position: relative; height: 114px; width: 1100px;margin: 0 auto; }
#header .logo { width: 148px; height: 123px; background: url('/pics/header-logo.png') no-repeat center top; position: absolute; top: -17px;left: -1px;z-index: 999; }
#header-name {position: absolute; left: 169px;top: 25px; background: url('/pics/header-name.png') no-repeat center top;width: 267px;height: 63px;z-index: 999; }

/* Navigation menu */
#menu { width: 650px; height: 114px; z-index: 99; position: relative; float: left; margin-left: 450px; }
#menu h2 { width: 0; height: 0; }
#nav_items_0 { list-style: none; margin: 0; padding: 0; float: right; right: 50%; position: relative; z-index: 9999; }
#nav_items_0 li { list-style: none; display: inline; float: left; left: 50%; position: relative; z-index: 9999; padding: 0; }
#nav_items_0 > li:last-child > ul{right: 0 !important;}
#nav_items_0 li a { white-space: nowrap; width: 0; height: 114px; display: block; text-align: center; padding: 46px 10px; text-decoration: none;font-family: 'Roboto Condensed', sans-serif;font-size: 18px;color: #27292d;font-weight: 400;line-height: 21px;
box-sizing:border-box;}
#nav_items_0 > li > a{transition:all .5s ease;}
#nav_items_0 > li a { width: auto; white-space: normal; }
#nav_items_0 li:hover a, #nav_items_0 li.hover a,#nav_items_0 li:focus a { background: #e7eaf0; }
#nav_items_0 > li:hover > a:after, #nav_items_0 > li.hover > a:after,#nav_items_0 > li:focus > a:after{content: "";background: #1ba5d4;width: 10px;height: 10px;position: absolute;left: 0;right: 0;margin: 0 auto;top: 23px;animation: rotation 2s infinite linear;}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* Drop down items */
#nav_items_0 ul, 
#nav_items_0 li:hover ul ul, #nav_items_0 li.hover ul ul, #nav_items_0 li:focus ul ul,
#nav_items_0 li:hover ul ul ul, #nav_items_0 li.hover ul ul ul,#nav_items_0 li:focus ul ul ul,
#nav_items_0 li:hover ul ul ul ul, #nav_items_0 li.hover ul ul ul ul,#nav_items_0 li:focus ul ul ul ul { position: absolute; right: auto; left: -9999em; top: -9999em; z-index: 9999; width: 196px; margin: 0; padding: 0; font-size: 12px;}
#nav_items_0 ul li { margin: 0; left: auto; }
#nav_items_0 li:hover ul, #nav_items_0 li.hover ul,#nav_items_0 li:focus ul { left: auto; top: auto; background: url('/pics/dropdown-bg.png') repeat;padding: 10px 0; }

#nav_items_0 ul li:hover ul, #nav_items_0 ul li.hover ul,#nav_items_0 ul li:focus ul,
#nav_items_0 ul ul li:hover ul, #nav_items_0 ul ul li.hover ul,#nav_items_0 ul ul li:focus ul,
#nav_items_0 ul ul ul li:hover ul, #nav_items_0 ul ul ul li.hover ul,#nav_items_0 ul ul ul li:focus ul { position: absolute; top: 0; left: 100%; }

/* Drop down items colors and formatting */
#nav_items_0 li:hover ul li a, #nav_items_0 li.hover ul li a,#nav_items_0 li:focus ul li a { text-align: left; text-decoration: none; padding: 8px 12px 9px 21px; height: auto; width: 196px; white-space: normal; text-transform: none;box-sizing:border-box;min-height: 36px;
    text-shadow: none; font-variant: normal;outline: none !important;font-family: 'Roboto Condensed', sans-serif;font-size: 18px;color: #27292d !important;font-weight: 400;line-height: 21px;transition:padding-left .5s ease;}

#nav_items_0 li:hover ul li a, #nav_items_0 li.hover ul li a,
#nav_items_0 li ul li:hover ul a, #nav_items_0 li ul li.hover ul a,
#nav_items_0 li ul li ul li:hover ul a, #nav_items_0 li ul li ul li.hover ul a,
#nav_items_0 li ul li ul li ul li:hover ul a, #nav_items_0 li ul li ul li ul li.hover ul a,
#nav_items_0 li:focus ul li a,#nav_items_0 li ul li:focus ul a,#nav_items_0 li ul li ul li:focus ul a,#nav_items_0 li ul li ul li ul li:focus ul a{ color: #fff; background: none;border-bottom: 0;}

#nav_items_0 > li > ul > li > a:hover,
#nav_items_0 > li > ul > li:hover > a, #nav_items_0 > li > ul > li.hover > a,
#nav_items_0 > li > ul > li:hover > ul > a:hover, #nav_items_0 > li > ul > li.hover > ul > a:hover,
#nav_items_0 > li > ul > li > ul > li:hover > a, #nav_items_0 > li > ul > li > ul > li.hover > a,
#nav_items_0 > li > ul > li > ul > li:hover > ul > a:hover, #nav_items_0 > li > ul > li > ul > li.hover > ul > a:hover,
#nav_items_0 > li > ul > li > ul > li > ul > li:hover > a, #nav_items_0 > li > ul > li > ul > li > ul > li.hover > a,
#nav_items_0 > li > ul > li > ul > li > ul > li:hover > ul > a:hover, #nav_items_0 > li > ul > li > ul > li > ul > li.hover > ul > a:hover,
#nav_items_0 > li > ul > li > a:focus,
#nav_items_0 > li > ul > li:focus > a,
#nav_items_0 > li > ul > li:focus > ul > a:focus, #nav_items_0 > li > ul > li.hover > ul > a:focus,
#nav_items_0 > li > ul > li > ul > li:focus > a,
#nav_items_0 > li > ul > li > ul > li:focus > ul > a:focus, #nav_items_0 > li > ul > li > ul > li.hover > ul > a:focus,
#nav_items_0 > li > ul > li > ul > li > ul > li:focus > a,
#nav_items_0 > li > ul > li > ul > li > ul > li:focus > ul > a:focus, #nav_items_0 > li > ul > li > ul > li > ul > li.hover > ul > a:focus{ color: #ffffff !important; background: #305599; padding-left: 16px; }

nav#menu ul li span.nav_icon { display: none; }

#nav_items_0 li a bdi:after, #nav_items_0 li a li a bdi:after, #nav_items_0 li a li a li a bdi:after{ content: " \2192";}

/* Index properties */
#index-wrapper {  }
#index-top, #columns { width: 100%; position: relative;}
#index-top { margin: 0 auto 0; height: 610px;}
#index-top:after{content: "";background: url('/pics/rotating-image-bottom-shadow.png') repeat-x center top;width: 100%;height: 181px;position: absolute;bottom: 0;left: 0;z-index: 9;}
#columns { width: 100%; padding: 10px 0 0 0; margin: 0; position: relative; }
.row-inner{width: 1100px;margin: 0 auto;position: relative;}

/* Image shuffles */
#rotating-image { width: 1100px; height: 610px; margin: 0 auto;position: relative; }
.static-caption{font-family: 'Zilla Slab', serif;font-size: 66px;color: #ffffff;font-weight: 600;line-height: 65px;position: absolute;bottom: 29px;left: 0;z-index: 10;font-style: italic;letter-spacing: .72px;}

/** FLYER **/
#flyer {
    position: absolute;
    z-index: 10;
    /* width: 100%; */
    bottom: 231px;
    right: -49px;
    border: 4px solid white;
}er img{width:100%;}


/* Homepage Sections */
section { position: relative; }

/* Homepage Section Headers */
#wrapper-index .content section h2 {  }
#wrapper-index .content section h2 a { width: auto; text-decoration: none; margin: 0; display: block;}

/* Homepage Sections Containers */
.container {position: relative; margin-top: 0; padding: 10px 0;}
 
/*First Row*/
#first-row{background: #ffffff; padding-bottom:20px;}
#first-row #first-row-inner{box-sizing:border-box;padding-bottom: 20px;z-index: 999;}
#first-row #first-row-inner a{display: block;text-decoration: none;position: relative;}
#first-row #first-row-inner a:after{content: "";width: 100%;position: absolute;bottom: 0;left: 0;transition:background .5s ease;}
#first-row #first-row-inner a:hover:after,#first-row #first-row-inner a:focus:after{background: url('/pics/blue-hover-overlay.png') repeat;height: 100%;}
#first-row #first-row-inner h2{font-family: 'Zilla Slab', serif;font-size: 50.26px;color: #305599;font-weight: 600;line-height: 50px;}
#first-row #first-row-inner a span{font-family: 'Montserrat', sans-serif;font-size: 26px;color: #ffffff;font-weight: 400;line-height: 28px;text-transform: uppercase;position: absolute;z-index: 9;letter-spacing: 1.2px;left: 30px;bottom: 25px;transition:all .5s ease;}
#first-row #first-row-inner a:hover span,#first-row #first-row-inner a:focus span{margin-bottom: 33.5%;left: 27px;}
#first-row #first-row-inner a:hover span:before,#first-row #first-row-inner a:focus span:before{content: "";background: #1ba5d4;width: 10px;height: 10px;position: absolute;left: 3px;margin: 0 auto;top: -35px;animation: rotation 2s infinite linear;}

#first-row #first-row-inner .left-box{width: 320px;float: left;position: relative;margin-right: 20px;}
#first-row #first-row-inner .right-box{width: 760px;float: left;position: relative;}

.parent-teacher{width: 100%;height: 530px;background: url('/pics/parent-teacher.jpg') no-repeat center bottom #000;box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.16);margin-top: 50px;}
.parent-teacher:after{background: url('/pics/box01-shadow.png') no-repeat center top;height: 360px;}
#first-row #first-row-inner a.parent-teacher:hover span,#first-row #first-row-inner a.parent-teacher:focus span{margin-bottom: 60.5%;}

/*Mission*/
.mission-box{width: 420px;min-height: 240px;box-sizing:border-box;text-align: center;float: left;margin: 50px 20px 0 0;padding: 1px 30px 25px 28px;}
.mission-box h2{margin-bottom: 16px;}
.mission-box p{margin: 0 0 0 1px;font-family: 'Roboto', sans-serif;font-size: 18px;color: #27292d;font-weight: 400;line-height: 25px;}

.eastern-alumni{width: 320px;height: 320px;background: url('/pics/Eastern-Alumni.jpg') no-repeat center bottom #000;float: left;margin-top: -30px;box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.16);}
.eastern-alumni:after{background: url('/pics/box01-shadow.png') no-repeat center top;height: 360px;}

.faculty-staff{width: 100%;height: 270px;background: url('/pics/Faculty-_-Staff.jpg') no-repeat center bottom #000;float: left;margin-top: 18px;box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.16);}
.faculty-staff:after{background: url('/pics/box02-shadow.png') no-repeat center bottom;height: 236px;}
#first-row #first-row-inner a.faculty-staff:hover span,#first-row #first-row-inner a.faculty-staff:focus span{margin-bottom: 13.5%;}

/*Second Row*/
#second-row{background: #e7eaf0;}
#second-row #second-row-inner{padding-bottom: 20px;box-sizing:border-box;padding-top: 25px;}
#second-row #second-row-inner .left-box{width: 150px;float: left;position: relative;margin-right: 52px;box-sizing: border-box;padding-top: 26px;}
#second-row #second-row-inner .right-box{width: 898px;float: left;position: relative;}

.news-main-title{font-family: 'Zilla Slab', serif;font-size: 50px;color: #305599 !important;font-weight: 600;line-height: 50px;display: inline-block !important;position: relative;left: -2px;letter-spacing: .5px;}
.news-show-all{margin-top: 60px;display: block;position: relative;left: -1px;}
.news-show-all:before{content: "";background: #1ba5d4;width: 10px;height: 10px;position: absolute;left: 1px;top: -37px;}
.news-show-all a{transition:all .5s ease;font-family: 'Montserrat', sans-serif;font-size: 16px;color: #305599 !important;font-weight: 400;text-decoration: none;text-transform: uppercase;display: inline-block !important;letter-spacing: .6px;}
.news-show-all a:hover,.news-show-all a:focus{color: #27292d !important;}

#second-row .bx-controls{position: absolute;left: -205px;top: 332px;width: 141px;height: 66px;}
#second-row .homepage-news .bx-wrapper .bx-prev { background-image: url('/pics/leftArrow.png');background-position: center left;background-repeat:no-repeat;left: 0;color: #000 !important; width: 66px; height: 66px;-pie-background: url('/pics/leftArrow.png') center center no-repeat;behavior: url('/shared/pie.htc');}
#second-row .homepage-news .bx-wrapper .bx-next {background-image: url('/pics/rightArrow.png');background-position:center left;background-repeat: no-repeat;right: 0;color: #000 !important; width: 66px; height: 66px;-pie-background: url('/pics/rightArrow.png') center center no-repeat;behavior: url('/shared/pie.htc');}
#second-row .homepage-news .bx-wrapper .bx-controls-direction a {margin-top: 0 !important; top: 0 !important;}
#second-row .homepage-news .bx-wrapper .bx-controls-direction a:focus{outline: none !important;}
#second-row .homepage-news .bx-wrapper .bx-prev:hover,
#second-row .homepage-news .bx-wrapper .bx-next:hover{background-position: center center;}
#second-row .homepage-news .bx-wrapper .bx-prev:focus,
#second-row .homepage-news .bx-wrapper .bx-next:focus{background-position: center right;}

/*News Module*/
#second-row .bx-viewport{padding: 5px;left: -5px;}
#second-row .homepage-news li {background: none; border: 0;}
#second-row .homepage-news .news-wrap {padding: 26px 15px 10px 0; margin: 0;height: 205px;box-sizing: border-box;}
#second-row .homepage-news .news-text {font-family: 'Roboto', sans-serif;font-size: 16px;color: #4a4e56;font-weight: 400;line-height: 23px;}
#second-row .homepage-news .news-title a {transition:all .5s ease;font-family: 'Roboto Condensed', sans-serif;font-size: 20px;color: #27292d !important;font-weight: 400;line-height: 26px;text-decoration: none;}
#second-row .homepage-news .news-title a:hover,#second-row .homepage-news .news-title a:focus{color: #305599 !important;}
#second-row .layout-3 .news-thumb img{-webkit-transition: 0.4s ease;transition: 0.4s ease;}
#second-row .layout-3 .news-thumb img:hover{ -webkit-transform: scale(1.08);transform: scale(1.08);}
#second-row .layout-3 .news-thumb{box-sizing: border-box;box-shadow: 1px 0px 3px 0px rgba(0, 0, 0, 0.07);height: 240px;}
#second-row .layout-3 .news-title{margin: 0 0 11px !important;}
#second-row .layout-3{padding-bottom: 0 !important}
/*News Module End*/

/*Third Row*/
#third-row{background: #305599;position: relative;}
#third-row:before{content: "";background: url('/pics/third-row-top-border.png') repeat-x center top;width: 100%;height: 5px;position: absolute;top: 0;left: 0;}
#third-row #third-row-inner{min-height: 350px;box-sizing:border-box;padding-top: 54px;padding-bottom: 63.5px;}

/* Events */
.events-main-title{margin: 0 auto 46px;}
.events-main-title a{font-family: 'Zilla Slab', serif;font-size: 50px;color: #ffffff !important;font-weight: 600;display: inline-block !important;line-height: 50px;letter-spacing: .45px;}

.events-links{position: absolute;right: -1px;top: -69px;padding: 0 !important;}
.events-links .events-show-calendar,.events-links .events-show-all{display: inline-block;float: left;margin-top: 0 !important;}
.events-links .events-show-calendar{margin-right: 35px;}
.events-links a{text-decoration: none;transition:all .5s ease;font-family: 'Montserrat', sans-serif;font-size: 16px;color: #ffffff !important;font-weight: 400;text-transform: uppercase;letter-spacing: .5px;}
.events-links a:hover,.events-links a:focus{color: #28ace5 !important;text-decoration: none !important;}
.events-links .events-show-calendar a{letter-spacing: .6px;}

#third-row .homepage-events {padding-bottom: 43px;position: relative;}
#third-row .bx-viewport{height: auto!important;}
#third-row .bx-wrapper .bx-controls-direction a {margin-top: 0 !important;width: 23px; height: 47px;color: #000 !important;outline: none !important;top: 184px !important;}
#third-row .homepage-events .bx-wrapper .bx-prev { background-image: url('/pics/leftArrow01.png');background-position: center left;background-repeat:no-repeat;left: -46px;color: #fff !important; width: 19px; height: 28px;-pie-background: url('/pics/leftArrow01.png') center center no-repeat;behavior: url('/shared/pie.htc');}
#third-row .homepage-events .bx-wrapper .bx-next {background-image: url('/pics/rightArrow01.png');background-position:center left;background-repeat: no-repeat;right: -45px;color: #fff !important; width: 19px; height: 28px;-pie-background: url('/pics/leftArrow01.png') center center no-repeat;behavior: url('/shared/pie.htc');}
#third-row .homepage-events .bx-wrapper .bx-controls-direction a {margin-top: 0 !important; top: 31px !important;}
#third-row .homepage-events .bx-wrapper .bx-controls-direction a:focus{outline: none !important;}
#third-row .homepage-events .bx-wrapper .bx-prev:hover,
#third-row .homepage-events .bx-wrapper .bx-next:hover{background-position: center center;}
#third-row .homepage-events .bx-wrapper .bx-prev:focus,
#third-row .homepage-events .bx-wrapper .bx-next:focus{background-position: center right;}

#third-row .events-day-wrapper {border:0;background: none;padding: 0;box-sizing: border-box;}
#third-row .homepage-events h2{display: none  !important;}
#third-row .events-date-wrapper{background: none;box-sizing:border-box;border: 0;width: 80px;height: 90px;padding: 2px 10px 5px 12px;border: 1px solid #1f95c8;float: left;}
#third-row .events-date-wrapper .month {font-family: 'Montserrat', sans-serif;font-size: 16px;color: #ffffff;font-weight: 500;line-height: 23px;text-transform: uppercase;letter-spacing: .5px;}
#third-row .events-date-wrapper .day{font-family: 'Zilla Slab', serif;font-size: 45px;color: #ffffff;font-weight: 400;line-height: 29px;letter-spacing: .7px;}
#third-row .events-day-wrapper ul{float: left;width: 270px;box-sizing: border-box;padding: 0 0 0 25px;top: -4px;}
#third-row .events-day-wrapper li{font-family: 'Roboto', sans-serif;font-size: 16px;color: #e7eaf0;font-weight: 400;line-height: 23px;text-align: left;margin: 0;}
#third-row .events-day-wrapper li .title{margin-bottom: 18px;}
#third-row .events-day-wrapper li .title a{transition:all .5s ease;font-family: 'Roboto Condensed', sans-serif;font-size: 20px;color: #ffffff !important;font-weight: 400;line-height: 26px;text-decoration: none;letter-spacing: -.05px;}
#third-row .events-day-wrapper li .title a:hover,#third-row .events-day-wrapper li .title a:focus{text-decoration: none;color: #28ace5 !important;}
#wrapper-index .events-day-wrapper .time span:first-child, #wrapper-index .events-day-wrapper .location span:first-child{display:none;}

/*Fourth Row*/
#fourth-row{background: #fff;}

/*Parallax*/
.parallax{width: 100%;position: relative;padding-top: 230px;}
.parallax:after{content: "";background: url('/pics/programs-bg.png') repeat;width: 1200px;height: 250px;position: absolute;left: 0;right: 0;margin: 0 auto;top: 230px;}
#slide-1 {background-image:url('/pics/parallax.jpg');height: 400px;-pie-background-image: url('/pics/parallax.jpg');behavior: url('/shared/pie.htc');background-position:top center;background-repeat: no-repeat;background-size:cover;background-attachment: fixed;width: 100%;}

/*Academic Program*/
.academics-programs{position: relative;top: -162px;z-index: 999;}
.academics-programs h2{font-family: 'Zilla Slab', serif;font-size: 50px;color: #305599;font-weight: 600;text-align: center;line-height: 40px;position: relative;letter-spacing: .15px;left: 1px;margin-bottom: 42px;}
.academics-programs h2:before{content: "";background: #1ba5d4;width: 10px;height: 10px;position: absolute;left: 0;right: 2px;margin: 0 auto;top: -28px;}
.academics-programs ul{padding: 0;width: -moz-fit-content;margin: 0 auto;width: fit-content;}
.academics-programs ul li{list-style-type: none;display: inline-block;float: left;width: 180px;margin-right: 4px;}
.academics-programs ul li:last-child{margin-right: 0;}
.academics-programs ul li a{width:100%;height: 280px;display: block;text-decoration: none;position: relative;text-align: center;transition:all .5s ease; }
.academics-programs ul li a:before{content: "";background: url('/pics/program-overlay.png') repeat;width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition:all .5s ease;}
.academics-programs ul li a:hover:before,.academics-programs ul li a:focus:before{background: url('/pics/program-hover-border.png') repeat-x center bottom,url('/pics/program-hover-overlay.png') repeat;}
.academics-programs ul li a:hover:after,.academics-programs ul li a:focus:after{content: "";background: url('/pics/program-hover-arrow.png') no-repeat center top;width: 15px;height: 24px;position: absolute;left: 1px;right: 0;margin: 0 auto;bottom: 18px;}
.academics-programs ul li a:hover,.academics-programs ul li a:focus{height: 300px;margin-top: -10px;}
.academics-programs ul li a span{font-family: 'Roboto Condensed', sans-serif;font-size: 22px;color: #ffffff !important;font-weight: 400;line-height: 26px;position:relative;z-index: 9;width: 100%;height: 100%;display: flex;align-items:center;justify-content: center;
padding-bottom: 2px;box-sizing: border-box;}
.academics-programs ul li a:hover span:after,.academics-programs ul li a:focus span:after{opacity: 0;}

.academics-programs ul li a.ib{background: url('/pics/ib.jpg') no-repeat center center #000;}
.academics-programs ul li a.ib span:after{content: "";background: url('/pics/ib-logo.png') no-repeat center bottom;width: 62px;height: 62px;position: absolute;bottom: 24px;left: 0;right: 0;margin: 0 auto;}
.academics-programs ul li a.naf{background: url('/pics/naf.jpg') no-repeat center center #000;}
.academics-programs ul li a.naf span:after{content: "";background: url('/pics/naf.png') no-repeat center bottom;width: 62px;height: 62px;position: absolute;bottom: 23px;left: 1px;right: 0;margin: 0 auto;}
.academics-programs ul li a.arts{background: url('/pics/The-Arts.jpg') no-repeat center center #000;}
.academics-programs ul li a.jrotc{background: url('/pics/Army-JROTC-2.jpg') no-repeat center center #000;}
.academics-programs ul li a.athletics{background: url('/pics/Ramblers-Athletics.jpg') no-repeat center center #000;}
.academics-programs ul li a.activities{background: url('/pics/Extracurricular-Activities.jpg') no-repeat center center #000;}

/*Fifth Row*/
#fifth-row{background: url('/pics/fifth-row-bg.jpg') no-repeat center top #e7eaf0;}
#fifth-row #fifth-row-inner{padding-bottom: 38px;box-sizing:border-box;padding-top: 50px;}
.stats-box{width: 460px;float: left;position: relative;margin-right: 60px;box-sizing: border-box;padding-top: 1px;}
.video-box{width: 580px;float: left;position: relative;}

/*Eastern at a Glance*/
.stats-box h2{font-family: 'Zilla Slab', serif;font-size: 50px;color: #305599;font-weight: 600;line-height: 50px;letter-spacing: .5px;margin-bottom: 33px;}
.stats-box ul{padding: 0;margin: 0;}
.stats-box ul li{list-style-type: none;display: inline-block;width: 200px;float: left;margin-right: 40px;margin-bottom: 32px;}
.stats-box ul li:nth-child(even){margin-right: 0;}
.stats-box ul li h1{font-family: 'Zilla Slab', serif;font-size: 60px;color: #314e83;font-weight: 400;line-height: 40px;letter-spacing: 3.5px;margin-bottom: 14px;}
.stats-box ul li p{margin: 0;font-family: 'Montserrat', sans-serif;font-size: 22px;color: #4a4e56;font-weight: 400;text-transform: uppercase;line-height: 24px;letter-spacing: .9px;}
.stats-box ul li p span{display: block;letter-spacing: 1.2px;}

/* Featured Video */
.HPVideo { position: relative;}
.HPVideo h2 {display: none !important;}
.HPVideo .videowrapper {position: relative; margin-top: 0;}
.HPVideo .videowrapper .video_player{box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.15);}
.HPVideo p {padding: 0; margin: 0;background: #1ba5d4;width: 100%;}
.HPVideo p a {text-align: center; text-decoration: none; display: block;min-height: 60px;font-family: 'Roboto Condensed', sans-serif;font-size: 19.97px;color: #27292d !important;font-weight: 400;line-height: 25px;padding: 17px 10px;box-sizing: border-box;}

/*Sixth Row*/
#sixth-row{background: #314e83;position: relative;}
#sixth-row:before{content: "";background: url('/pics/sixth-row-border.png') repeat-x center top;width: 100%;height: 5px;position: absolute;left: 0;top: 0;}
#sixth-row #sixth-row-inner{padding-bottom: 59px;box-sizing:border-box;}
#sixth-row #sixth-row-inner:before{content: "";background: url('/pics/PrincipalMiller0822.jpg') no-repeat center top;width: 150px;height: 150px;position: absolute;left: 0;top: 50px;}

/*News Module*/
.principal-msg-main-title{font-family: 'Zilla Slab', serif;font-size: 49.78px;color: #ffffff !important;font-weight: 600;display: inline-block !important;line-height: 50px;letter-spacing: .5px;margin: 54px 0 4px 190px !important;position: relative;z-index: 9;}
.principal-name{font-family: 'Roboto Condensed', sans-serif;font-size: 20px;color: #ffffff !important;font-weight: 400;position: absolute;right: 242px;top: 73px;}
.principal-name:before{content: "";background: #1ba5d4;width: 10px;height: 10px;position: absolute;left: -39.5px;top: 5px;}
.principal-msg-show-all{position: absolute;right: 0px;top: 76px;z-index: 9;}
.principal-msg-show-all a{transition:all .5s ease;font-family: 'Montserrat', sans-serif;font-size: 16px;color: #ffffff !important;font-weight: 400;text-transform: uppercase;text-decoration: none;letter-spacing: .8px;}
.principal-msg-show-all a:hover,.principal-msg-show-all a:focus{color: #28ace5 !important;}
#sixth-row .bx-wrapper{margin-top: -58px;}
#sixth-row .bx-wrapper .bx-controls-direction{display: none !important;}
/*#sixth-row .bx-wrapper .bx-controls-direction a {margin-top: 0 !important;color: #fff !important;outline: none !important;top: 184px !important;}
#sixth-row .bx-wrapper .bx-prev { background-image: url('/pics/leftArrow01.png');background-position: center left;background-repeat:no-repeat;left: -46px;color: #fff !important; width: 19px; height: 28px;-pie-background: url('/pics/leftArrow01.png') center center no-repeat;behavior: url('/shared/pie.htc');}
#sixth-row .bx-wrapper .bx-next {background-image: url('/pics/rightArrow01.png');background-position:center left;background-repeat: no-repeat;right: -45px;color: #fff !important; width: 19px; height: 28px;-pie-background: url('/pics/leftArrow01.png') center center no-repeat;behavior: url('/shared/pie.htc');}
#sixth-row .bx-wrapper .bx-controls-direction a {margin-top: 0 !important; top: 71px !important;}
#sixth-row .bx-wrapper .bx-controls-direction a:focus{outline: none !important;}
#sixth-row .bx-wrapper .bx-prev:hover,
#sixth-row .bx-wrapper .bx-next:hover{background-position: center center;}
#sixth-row .bx-wrapper .bx-prev:focus,
#sixth-row .bx-wrapper .bx-next:focus{background-position: center right;}*/
#sixth-row .homepage-news li {background: none; border: 0;}
#sixth-row .homepage-news .news-wrap {padding: 70px 0 0; margin: 0;height: 141px;box-sizing: border-box;float: right;width: 911px;}
#sixth-row .homepage-news .news-text {font-family: 'Roboto', sans-serif;font-size: 15.97px;color: #e7eaf0 !important;font-weight: 400;line-height: 22.96px;}
#sixth-row .homepage-news .news-title a {transition:all .5s ease;font-family: 'Roboto', sans-serif;font-size: 15.97px;color: #e7eaf0 !important;font-weight: 400;line-height: 22.96px;text-decoration: none;}
#sixth-row .homepage-news .news-title a:hover,#sixth-row .homepage-news .news-title a:focus{color: #28ace5 !important;}
#sixth-row .layout-3 .news-thumb{display: none !important;}
#sixth-row .layout-3 .news-title{margin: 0 !important;}
#sixth-row .layout-3{padding-bottom: 0 !important}
#wrapper .content .inside .newsPostTitle {margin-bottom: 15px;}
/*News Module End*/

/*Seventh Row*/
#seventh-row{background: #1ba5d4;}
#seventh-row #seventh-row-inner{padding-bottom: 39.5px;box-sizing:border-box;padding-top: 50px;}
.social-box{width: 385px;float: left;position: relative;margin-right: 30px;}
.album-box{width: 685px;float: left;position: relative;box-sizing: border-box;padding-top: 4px;}

/*Social Media Feeds*/
#home_social li[aria-selected='true'] h2 a,.tablist li a:hover,.tablist li a:focus {background-color: #ffffff !important;}
.hidden { display:none; }

.tablist{padding: 0;margin: 0;}
.tablist li{list-style-type: none;display: inline-block;float: left;margin-right: 5px;}
.tablist li:last-child{margin-right: 0;}
.tablist li a{background: #d1edf6;width: 80px !important;height: 80px;transition:all .5s ease;}

.tablist li#facebook_tab a{background: url('/pics/facebook-icon.png') no-repeat center center #d1edf6;}
.tablist li#twitter_tab a{background: url('/pics/twitter-icon.png') no-repeat center center #d1edf6;}
.tablist li#instagram_tab a{background: url('/pics/instagram-icon.png') no-repeat center center #d1edf6;}

.panel{width: 100%;height: 340px;box-sizing:border-box;float: left;border: 1px solid #eceff1;background: #fff;}
.panel h2{width: 100%;height: 338px;display: flex;align-items:center;justify-content:center;font-family: 'Roboto Condensed', sans-serif;font-size: 20px;color: #000 !important;font-weight: 400;}
#home_social #instagram_panel .container{padding: 0;/*overflow-y:scroll;position: relative;*/}

/* Featured Photo Album */
#seventh-row .HPFeaturedAlbums { position: relative;}
#seventh-row .HPFeaturedAlbums h2 {width: auto; text-decoration: none; margin: 0; display: block;font-family: 'Zilla Slab', serif;font-size: 50px;color: #27292d !important;font-weight: 600;line-height: 50px;display: inline-block !important;padding-top: 0;height: auto;
letter-spacing: .4px;margin-bottom: 23px !important;}
#seventh-row .HPFeaturedAlbums .featuredAlbums {position: relative; margin-top: 0;}
#seventh-row .HPFeaturedAlbums ul {margin-top: 0;}
#seventh-row .HPFeaturedAlbums ul li {padding: 0;border: 0;box-shadow: none;list-style-type: none;display: inline-block;float: left;margin-right: 5px;position: relative;background: #000;}
#seventh-row .HPFeaturedAlbums ul li:after{content: "";background: url('/pics/album-shadow.png') repeat-x center top;width: 100%;height: 155px;position: absolute;bottom: 0;left: 0;}
#seventh-row .HPFeaturedAlbums ul li:last-child{margin-right: 0;}
#seventh-row .HPFeaturedAlbums ul li h3 {background: none; text-shadow: none;top: auto;bottom: 22px;z-index: 9;}
#seventh-row .HPFeaturedAlbums ul li h3 span {padding: 0 10px;height: auto;font-family: 'Roboto Condensed', sans-serif;font-size: 22px;color: #ffffff !important;font-weight: 400;line-height: 26px;text-align: center;}

/* Email List */
#email {position: relative; display: block; margin-bottom: 10px; background: green;  height: 30px;}
#email span {color: #fff; font-weight: bold;}

/* Homepage Section Table Includes */
#wrapper-index .content table { width: 100%; padding: 0; margin: 0; }

/* Other homepage section extras */
.dark {background-color: #314e83 !important; color: #fff !important;font-family: 'Roboto', sans-serif !important;font-size: 16px !important;}
.light {background-color: #fdfafa !important;font-family: 'Roboto', sans-serif !important;font-weight: 400 !important;font-size: 16px !important;color: #4a4e56 !important;}
.dark a, .dark a:visited, .dark a:link, .dark a:hover, .dark a:active {color: #fff !important;}

#wrapper-index .content table { color: #000; }
#wrapper-index .content section table a { color: #033b73; text-decoration: none; font-weight: 700; }
#wrapper-index .content table #l { padding-top: 8px; } /* Put Display None if you want to hide bullet */
#wrapper-index .content table #r { border-bottom: 1px solid #d1d1d1; padding: 10px 0 10px 0; }
#wrapper-index .content table #r b a { display: block; margin-top: 5px; text-decoration: none; }

.autoCalendarLinks td, #showAll-0, #showAll-hpbbmessages #r, #showAll-hplinks #r, #showAll-0 #r { border-bottom: 0!important; padding-left: 0!important; padding-bottom: 0!important; padding-top: 2px!important; }

#wrapper-index .content table tr:first-child td, .autoCalendarLinks, #showAll-0, #showAll-hplinks #r, #showAll-0 #r { border-left: 0!important; }

#wrapper-index .content table tr:last-child td { border-bottom: 0!important; }


/* Quick Poll */
.HPQuickpoll h2 { display: none; }
.HPQuickPoll .bar-color { background-color: #003270; } /* results bar color */
.HPQuickPoll .results, .HPQuickPoll .choices, .HPQuickPoll .results_only { margin: 0 auto; width: 70%; }

/* Side Image */
img.sub {border: 0;}
#wrapper img.sub {margin-left: 20px;}

/* Page navigation */
#pageNav { border: 0; font-size: 14px; position: relative; background: #305599; margin-left: 20px;}
#pageNav ul, #pageNav ul li { list-style: none; line-height: 16px; }
#pageNav ul { padding: 10px 0 65px !important; margin: 0 auto!important; width: 300px;  height: auto!important;  }
#pageNav ul li { padding: 0 !important; margin: 0 !important; zoom: 1;position: relative;}
#pageNav td img { display: none; }
#pageNav ul li a, #pageNav ul li strong {  min-height: 20px;text-decoration: none; padding: 10px 15px 10px 22px; margin: 0; display: block; text-align: left; position: relative; z-index: 0;font-family: 'Roboto Condensed', sans-serif;font-size: 19px;color: #ffffff;
font-weight: 400;line-height: 22px;transition:all .5s ease;box-sizing:border-box;}
#pageNav ul li a:hover,#pageNav ul li a:focus,#pageNav ul li strong{color: #fff !important;font-weight: 400 !important;}
#pageNav ul li:before,#pageNav ul li:after{content:"";width: 0;height: 1px;position: absolute;transition: all 0.2s linear;background: #1f95c8;margin: 0 auto;box-sizing:border-box;}

#pageNav ul li strong:before,#pageNav ul li strong:after,#pageNav ul li a:before,#pageNav ul li a:after{content:"";width:1px;height:0;position: absolute;transition: all 0.2s linear;background: #1f95c8;margin: 0 auto;box-sizing:border-box;}

#pageNav ul li:hover:before,#pageNav ul li:focus:before,
#pageNav ul li:focus:after,#pageNav ul li:hover:after{width: 280px;}

#pageNav ul li strong:before,#pageNav ul li strong:before,
#pageNav ul li strong:after,#pageNav ul li strong:after,
#pageNav ul li:hover a:before,#pageNav ul li:focus a:before,
#pageNav ul li:hover a:after,#pageNav ul li:focus a:after{height: 100%;}

#pageNav ul li:after{right:0;bottom: 0;transition-duration: 0.4s;left: 0;}
#pageNav ul li strong:after,#pageNav ul li a:after{right:10px;bottom: 0;transition-duration: 0.4s;}
#pageNav ul li:before{left: 0;top: 0;transition-duration: 0.4s;right: 0;}
#pageNav ul li strong:before,#pageNav ul li a:before{left: 10px;top: 0;transition-duration: 0.4s;}

#pageNav ul li strong:before{width: 280px;height: 100%;border: 1px solid #1f95c8;background: none;}

/* Footer */
#footer { width: 100%; position: relative; background: url('/pics/footer-bg.png') no-repeat center top #fff; }
#footer:before{content: "";background: url('/pics/footer-border.png') repeat-x center top;width: 100%;height: 5px;position: absolute;left: 0;top: 0;z-index: 9;}
#footer:after{content: "";background: #314e83;width: 100%;height: 40px;position: absolute;bottom: 0;left: 0;}
#footer .inside { height: 374px; position: relative; width: 1100px;margin: 0 auto;z-index: 9;}
#logo {
    width: 120px;
    height: 96px;
    background: url("/pics/footer-logo.png") center top / contain no-repeat;
    position: absolute;
    left: 122px;
    top: 39px;
}
#footer #name {
    position: absolute;
    top: 142px;
    left: 73px;
    background: url("/pics/footer-name.png") center top no-repeat;
    width: 233px;
    height: 52px;
}

#district-logo { width: 259px; height: 47px; background: url('/pics/district-of-columbia-public-schools.png') no-repeat center top; position: absolute; left: 60px;bottom: 62px; }
#address,#contact { position: absolute; top:211px;font-family: 'Roboto Condensed', sans-serif;font-size: 18px;color: #4a4e56 !important;font-weight: 400;line-height: 24px;text-decoration: none;  }
#address{top: 210px;left: 0;}
#contact{left: 238px;}
.non-desc{font-family: 'Roboto', sans-serif;font-size: 14px;color: #ffffff !important;font-weight: 400;text-decoration: none;position: absolute;bottom: 11px;left: 0;transition:all .5s ease;background: #314e83;}
.non-desc:after{content: "";background: #adb5c7;width: 100%;height: 2px;position: absolute;bottom: 1px;left: 0;transition:all .5s ease;}
.non-desc:hover,.non-desc:focus{color: #1ab6eb !important;}
.non-desc:hover:after,.non-desc:focus:after{background: #1ab6eb;}
#edunet { width: 186px; height: 23px; background: url('/pics/edunet-white.png') no-repeat center top; position: absolute; left: 2px;right: 0;margin: 0 auto;bottom: 10px; }

.alert-box .alert-box-body div.contents, .alert-box .alert-box-body div.contents table {
    text-align: left;
    font-size: 16px !important;
    font-weight: normal;
    color: #4a4e56 !important;
    line-height: 19px !important;
}
/*
#enroll-now-btn { position:absolute; z-index:4; right:0; top:-170px;  }
#enroll-now-btn a {position: absolute;top: 206px;right: 0;padding: 10px;display: block; width: 500px;/*background:url('/pics/36730869.jpeg') no-repeat;*/}
#enroll-now-btn a div {background:rgba(255,255,255,.85); padding:20px 10px; color:#31559a; font-size:18px; text-align:center; border:10px solid #19a5d4;}
#enroll-now-btn a:hover div, #enroll-now-btn a:focus div { background-color:#31559a; color:#ffffff; } 
#enroll-now-btn a h2 {text-decoration:underline; }
#enroll-now-btn a { text-decoration:none!important; }
*/

#enroll-now-btn { position:absolute; z-index:999999; right:0;  }
#enroll-now-btn div {position: absolute;top: 26px;right: 0;padding: 10px;display: block; width: 500px; z-index:7;}
#enroll-now-btn div.innerBox {background:rgba(255,255,255,.85); padding:20px 10px; color:#31559a; font-size:18px; text-align:center; border:10px solid #19a5d4;}
#enroll-now-btn h2 {text-decoration:underline; }
#enroll-now-btn a { }
#enroll-now-btn a:hover, #enroll-now-btn a:focus { text-decoration:underline!important; }

#discrim {width:1100px; padding:15px 0; text-align:left; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom:20px;}
#discrim::after {content: "";
background: #1ba5d4;
width: 10px;
height: 10px;
position: absolute;
left: 0;
right: 2px;
margin: 0 auto;
bottom: 36px;}
#discrim h2 {
position:Relative;
font-family: 'Zilla Slab', serif;
font-size: 40px;
color: #305599;
font-weight: 600;
line-height: 50px;
text-align:center;
}
#discrim h2::before {
content: "";
background: #1ba5d4;
width: 10px;
height: 10px;
position: absolute;
left: 0;
right: 2px;
margin: 0 auto;
top: -21px;
}
#discrim p {
font-family: 'Roboto', sans-serif; 
font-size:18px; 
line-height:25px;
}

.bck2skwl {display:block; position:absolute; width:500px; height:500px; right:28px;top:5px;background:url('/pics/backToSchool_admission_flyer.jpg') no-repeat;font-size:0;z-index:10;}


#hillPride {
display: block;
width: 590px;
padding: 7px;
margin: 0 auto;
text-align: center;
text-transform: uppercase;
font-size: 21px;
text-decoration: none;
color: #305599;
font-weight: 700;
font-family: 'Zilla Slab', serif;
}
#hillPride:hover {letter-spacing:1px; transition:all ease 0.3s;}



