@charset "UTF-8";
body {
  font-family: "Open Sans", sans-serif !important;
  font-style: normal;
  font-weight: 400;
  overflow-x: hidden;
  margin: 0;
  padding-top: 68px;
  padding-top: 100px;
}
body a:hover {
  transition: color 300ms;
}

header {
  height: 70px;
  padding-top: 20px;
  background-color: red;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
}

h3 {
  font-size: 1.1em;
  color: #302F2F;
  font-weight: bold;
}

p {
  font-family: inherit;
  font-weight: normal;
  font-size: 0.95em;
  line-height: 1.6;
  margin-bottom: 1rem;
  text-rendering: optimizeLegibility;
}

dl,
ol,
ul {
  font-size: 0.8em;
  line-height: 1.6;
  margin-bottom: 1.1em;
  list-style-position: outside;
  font-family: inherit;
}

/*OWL SLIDESHOW */
#sync2 .item h1 {
  font-size: 18px;
}

#sync2 .item {
  background: #FFFFFF;
  margin-right: 0.3em;
  color: #FFF;
  text-align: center;
  cursor: pointer;
}

#sync1 .item {
  padding: 0;
  margin: 5px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}

.owl-wrapper.owl-item {
  background: none !important;
  padding-bottom: 0 !important;
  border-radius: 0 !important;
}

.owl-item.synced {
  border: none;
  width: 8em !important;
}

.item {
  width: auto !important;
}

.sync-thumbs img {
  width: 8em !important;
}

/* END OWL SLIDESHOW */
/*HP HOMEPAGE STYLES*/
.google-box {
  padding-left: 6.7em;
}

.goog-te-banner-frame {
  left: 0;
  top: 0;
  height: 39px;
  width: 100%;
  z-index: 10000001;
  position: fixed;
  margin-top: 4em !important;
}

.goog-te-button {
  border-color: #e7e7e7;
  background: #31393F;
  color: #FFFFFF;
  text-transform: uppercase;
}

.hp-bottom-title-box {
  color: #2a59ac;
  color: #FFF;
  padding: 0.1em 3em 1em 1em;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  margin-top: 11.2em;
  position: absolute;
  z-index: 1;
  text-align: center;
  width: 100%;
  height: 3.5em;
  font-size: 0.8em !important;
  background-color: #E90101;
}

.hp-parent-student-box {
  color: #5176d5;
  padding: 0.1em 0.2em;
  margin-right: 0.5em;
  font-size: 0.74em;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  margin-top: 7.8em;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 1;
  width: 30.7%;
  height: auto;
}

.hp-parent-student-box2 {
  color: #5176d5;
  padding: 0.1em 0.2em;
  margin-right: 0.5em;
  font-size: 0.74em;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  margin-top: 7.8em;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 1;
  width: 31%;
  height: auto;
}

.hp-bottom-title-box2 {
  color: white;
  padding: 0.1em 0.7em;
  font-size: 1em;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  margin-top: 2em;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.9);
}

.hp-mini-divider-shadow {
  background-image: url("/uf/webadmin/foundation/img/home-page/divider-mini-g.jpg");
  background-repeat: no-repeat;
  background-position-y: 11.9em;
  background-position-x: 0.5em;
}

.hp-search-button {
  margin-left: -0.3em;
  color: white;
  padding: 0.1em 0.7em 1em !important;
  font-weight: bold;
  margin-top: 0;
  border: solid 0.15em #5A543A;
  background: url("/uf/webadmin/foundation/img/home-page/SD-navbar-bg.jpg");
  border-radius: 5em;
  border-radius: 0.2em !important;
}
.hp-search-button:hover,
.hp-search-button .hp-search-button:focus {
  background: url("/uf/webadmin/foundation/img/home-page/bg_searchField.png");
  background-repeat: no-repeat;
  border: none !important;
}

.hp-search-mb {
  margin-bottom: 1em !important;
}

.hp-bottom-title-icon {
  color: #FFF !important;
  font-size: 1.2em;
}

.search-results-for {
  margin-top: 0.5em !important;
  margin-left: 0.5em !important;
  font-size: 1.4em !important;
  display: block;
}

.search-results-button {
  background: #f30100;
  color: #FFFFFF;
  border-style: none;
  padding: 0.4em 0.7em;
  font-size: 1em;
  text-transform: uppercase;
}

.SP-search-input-style {
  -webkit-appearance: none;
  border-radius: 0;
  background-color: #FFFFFF;
  font-family: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: #A2A0A0;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  height: 1.8rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
}

.search-results-header-line {
  color: #808080;
  margin-bottom: 10px;
  font-size: 1.1em;
  font-weight: bold;
}

.capital-text {
  text-transform: capitalize !important;
}

#news-blurb p a {
  color: #3D3E3F;
  font-size: 0.98em !important;
}

.news-label-text {
  font-size: 0.72em;
  margin-right: 0.5em;
  margin-left: -1em;
  margin-top: 3.5em;
  position: absolute;
  color: #979898;
  padding: 0.3em 0.7em 0.2em;
  text-transform: capitalize;
  font-style: italic;
}

@media only screen and (max-width: 40em) {
  .news-label-text {
    display: none;
  }
}
#hp-email-button {
  margin-top: -16px;
  color: #FFFFFF;
}

/*END HP HOMEPAGE STYLES*/
/*HOME PAGE SOCIAL MEDIA */
.hp-social-icon {
  width: 22px;
  height: 22px;
  margin-right: 1em;
  padding-top: 0.4em;
  float: left;
}

.hp-news-social-media-btns {
  width: 20px;
  margin-top: -0.3em;
  margin-right: 0.2em;
}

/*HOME PAGE SOCIAL MEDIA*/
/*START TABS*/
.tabs {
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  border-bottom: solid;
  /* width: 32.5em; */
  padding-top: 0.65em;
}

/*#hp-tabs-style-tabs {
border-bottom: solid rgb(32, 41, 65) 0.2em;
}*/
#hp-tabs-box p {
  font-size: 0.8rem;
  margin-top: -0.7em;
  /* margin-left: -4em; */
  /* margin-right: 1em; */
  line-height: 1.3em;
}

#hp-tabs-box p a:hover {
  color: #2A59AC;
}

.panel-style-hp {
  background: #FFFFFF !important;
  margin: 0;
  padding: 0;
  border-bottom: solid 0.26em #31393F;
}

/*END TABS	*/
/*FIND IT FAST */
.hp-FIF-Box-Margin {
  padding-right: 0;
  height: 30em;
}

.hp-FIF-Box-Margin {
  padding-right: 0;
}

.FIF-accordian {
  display: block;
  padding: 0.35rem;
  color: rgba(21, 19, 19, 0.8);
  border-bottom: solid 0.1em #E2E1E1;
  transition: background 100ms ease;
  font-size: 0.82em;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
}

.FIF-accordian-h3 {
  padding: 0.5em !important;
}

.hp-title {
  font-weight: bold;
  font-size: 0.87em !important;
  border-bottom: solid 0.2em #31393F;
  display: block;
  text-transform: uppercase;
  background: #31393F;
  color: white;
  padding: 0.35em 0 0.3em 0.7em;
  margin-top: 0;
  margin-bottom: 0.3em;
}

.hp-parent-student-title {
  font-weight: bold;
  font-size: 0.87em;
  display: block;
  text-transform: uppercase;
  background: #31393F;
  color: white;
  padding: 0.35em 0 0.3em 0.7em;
  margin-top: 0;
  margin-bottom: 0.3em;
}

.side-nav li a:not(.button) {
  display: block;
  color: #565758;
  font-weight: 600;
  margin: 0;
  font-size: 0.96em;
  padding: 0.2rem 0.25rem 0.2rem 0.45rem;
  border-bottom: solid 0.1em #E2E1E1;
}

.side-nav li {
  margin: 0 0 0.1375rem;
  font-size: 0.875rem;
  font-weight: normal;
  width: 13.2rem;
}

.find-it-fast-box {
  background: #202941;
  padding: 0;
  margin-right: 1em;
  border-bottom: solid 1px #ccc;
  border-radius: 0 0.2em;
  margin-top: 0;
  padding-top: 0;
  width: 13em;
}

.find-it-fast-top-margin {
  padding-top: 0.5em;
  background: #FFFFFF;
  margin-bottom: 0.3em;
}

.side-nav li a:not(.button):focus,
.side-nav li a:not(.button):hover {
  color: #E90101 !important;
  font-weight: bold;
}

.whiteLink {
  font-weight: bold;
}

ul.FIF-hover li a:hover {
  background: #FFFFFF !important;
  color: #e90101 !important;
}

.FIF-accordian-links {
  font-size: 0.67em;
  color: #646464;
  margin-left: -1.5em;
  list-style-type: none;
  padding-left: 0.7em;
}

.FIF-accordian-links {
  font-size: 0.67em;
  color: #646464;
  margin-left: 0em;
  list-style-type: none;
  padding-left: 0;
}

.FIF-accordian-links a {
  display: block;
  padding: 0.4rem;
  color: #515151;
  border-bottom: solid 0.1em #eaeaea;
  font-size: 0.98em !important;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  width: 100%;
  transition: 0.15s;
  padding-right: 0;
}

.FIF-accordian-links a:hover, .FIF-accordian-links a:focus {
  background: none;
  color: #39589a;
  font-weight: bold;
}

.FIF-list-style {
  color: #646464 !important;
  list-style-type: square !important;
  padding-left: 1.2em !important;
}

#ui-id-2,
#ui-id-4 {
  margin-left: -1em;
}

/*END FIND IT FAST*/
/*UPCOMING EVENTS */
.hp-events-box-spacing {
  margin-bottom: 0.74em;
  margin-top: 0.42em;
}

#hp-event-box {
  background-color: #E90101;
  border-radius: 0.2em;
  padding: 0.6em;
  /* float: left; */
  display: block;
  /* margin: 0; */
  width: 3.5em;
  margin: 0.2em 0 0.4em;
  height: 3.7em;
}

#hp-event-box:hover {
  transition: color 300ms;
}

.hp-event-divider {
  width: 100%;
  padding: 0;
  height: 0.07em;
  background-color: #c70909;
  display: block;
  margin: 0 0 0.3em;
  display: none;
}

.hp-event-divider:hover {
  background-color: #636060 !important;
}

@media only screen and (min-width: 65.063em) {
  .upcoming-events-title-style {
    margin-left: 0;
    margin-bottom: 0.3em;
  }
}
.hp-event-box-month {
  color: #FFF;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0.1em;
  margin-top: -4px;
}

p.hp-event-box-month {
  font-size: 0.8rem !important;
  line-height: 1.4 !important;
}

.hp-event-box-day {
  color: #FFF;
  text-align: center;
  font-weight: bold;
  font-size: 1.1em;
  margin-top: -0.4em;
  padding: 0.2em 0;
}

#hp-event-box-description {
  float: left;
  display: block;
  width: 78%;
  height: 2.93em;
  font-size: 1.18em;
  padding-left: 0;
}

#hp-student-box-description {
  float: left;
  display: block;
  width: 11em;
  width: 80%;
  height: 2.93em;
  font-size: 1.1em;
  padding-left: 0;
}

#hp-student-box-description p {
  font-size: 0.85em !important;
  margin-left: -0.3em;
  margin-left: 0.4em;
}

#hp-event-box-description p {
  padding: 0.2em 0.1em;
  font-size: 0.85em !important;
  margin-left: -0.3em;
  margin-left: 0.4em;
}

.hp-box-size {
  margin: 0;
  padding: 0;
  height: 3.9em;
  margin-bottom: 0;
  margin-left: -0.5em;
}

.hp-event-fix-ML {
  margin-left: 0.3em;
}

@media only screen and (min-width: 1040px) {
  .ue-row-style {
    margin-left: 0 !important;
    background: #FFFFFF;
    border-bottom: solid 0.1em #E2E1E1;
    margin-right: -1em !important;
  }
}
@media only screen and (max-width: 1040px) {
  .ue-row-style {
    margin-left: 0 !important;
    background: white;
    border-bottom: solid 0.1em #E2E1E1;
    margin-right: 0 !important;
  }
}
.color333 {
  color: #333333 !important;
}

.view-calendar-text {
  display: inline-block;
  background: #aa1e2d;
  color: #FFF;
  text-decoration: none;
  z-index: 2;
  font-size: 0.9em;
  padding: 0.4em 1em;
  text-transform: uppercase;
  border-radius: 0.2em;
  font-weight: bold;
  transition: 0.3s;
}

.view-calendar-text a {
  color: #FFF;
  font-weight: bold;
  padding: 0.2em 0.5em 0.1em;
}

.view-calendar-text:hover {
  background: #565050;
}

.left-AD {
  float: left;
  margin: 0 5em;
  position: absolute;
}

/*UPCOMING EVENTS */
/*FEATURE */
#Feature a img {
  margin-top: 1em;
}

/*END FEATURE*/
/*template styles*/
.color-red {
  color: red;
}

.template-page-style h3 {
  color: #555758;
  font-size: 1em;
  text-transform: capitalize;
}
.template-page-style ol li,
.template-page-style ul li {
  font-family: inherit;
  font-weight: normal;
  font-size: 0.87rem;
  line-height: 1.6;
  margin-bottom: 0.9rem;
  text-rendering: optimizeLegibility;
}

.hp-view-all-btn {
  padding: 0.1em 0.7em 0.2em 0.5em;
  margin-left: -0.1em;
  margin-right: 0.4em;
}

.parent-student-welcome-text {
  font-size: 1em !important;
  margin-top: -0.9em;
}

.parent-student-title-text {
  color: #FFF;
  position: absolute;
  z-index: 99;
  margin: 4em 0.2em;
  font-size: 3em;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
}

.parent-student-hoz {
  background-image: url("../img/home-page/sp-2.jpg");
  display: block;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 1.5% 0 4%;
  margin-top: -0.7em;
  height: 20em;
}

.view p {
  font-size: 0.9em !important;
  padding-top: 2em !important;
}

.view h2 {
  display: none;
}

.template-page-style {
  padding: 0 3em 0 1em;
}

/*BREADCRUMB SEPERATOR*/
.breadcrumbs > *:before {
  color: #aaaaaa;
  margin: 0 0.5rem;
  position: relative;
  top: 1px;
  font-size: 1.6em;
}

h2.page-title {
  padding-top: 0.2em;
  padding-left: 0.5em;
  font-family: helvetica;
  font-weight: bold;
  text-transform: uppercase;
  margin: 14px 42px 7px 0;
  line-height: 30px;
  padding: 0;
  font-size: 1.3em;
  color: #465662 !important;
}

.share-this-box {
  margin-left: 12.5em;
}

.picture-align-left {
  float: left;
  margin: 0 1em 0.1em 0;
  padding: 0.2em;
  border: solid #CDCCCC 1px;
}

.breadcrumbs > * a {
  color: #4e545c;
}

#template-back-button {
  margin-top: 2rem;
}

.main-back-btn {
  margin-left: 0;
}

.button:focus,
.button:hover,
button:focus,
button:hover {
  background-color: #3B3D45;
}

.back-button:focus,
.back-button:hover {
  background-color: #E90101 !important;
}

#cabinet-members-page img {
  padding: 5px;
  border: 1px solid #000;
  margin-bottom: 7px;
  margin-left: 0.7em;
  background-color: #31393F;
  float: left;
}
#cabinet-members-page p {
  font-family: inherit;
  font-weight: normal;
  font-size: 0.8rem;
  line-height: 1.6;
  margin-bottom: 0.9rem;
  text-align: center;
  text-rendering: optimizeLegibility;
}

a#cabinet-email-color-orange {
  color: #fb8416;
  text-transform: uppercase;
}

#lowercase {
  text-transform: lowercase;
}

.breadcrumbs {
  display: block;
  padding: 0.5625rem 0.875rem 0.5625rem;
  overflow: hidden;
  margin-left: 0;
  list-style: none;
  border-style: solid;
  border-width: 1px;
  background-color: #FFFFFF;
  border-color: white;
  border-radius: 3px;
  border-bottom: solid 0.1em #6a6b6b;
  margin-bottom: 0;
  margin-top: -0.3em;
  padding-bottom: 0;
  margin-bottom: 0.4em;
}

#left-side-menu.side-nav li {
  margin: 0 0 0.1375rem;
  font-size: 0.875rem;
  font-weight: normal;
  width: 100%;
}

.newsrelease-title {
  font-size: 1.7em;
  color: #444141;
  font-weight: bolder;
  text-transform: capitalize;
}

.breadcrumbs > * {
  margin: 0;
  float: left;
  font-size: 0.6875rem;
  line-height: 0.6875rem;
  text-transform: uppercase;
  color: #747373;
  margin-bottom: 0.7rem;
}

.template-nav-style {
  background: white;
  margin-right: 1em !important;
  margin-right: 0 !important;
  padding-right: 1em !important;
  margin-left: 0;
  padding-left: 0;
}

.template-nav-style h3 {
  color: #3b3737 !important;
}

.template-nav-style ol li,
.template-nav-style ul li {
  font-size: 0.87rem;
}

#department-menu {
  padding-top: 3em;
  background: #FFFFFF;
}
#department-menu .side-nav li a:not(.button) {
  color: #505457;
}

.form-shadow {
  background-image: url("/uf/webadmin/foundation/img/home-page/divider-mini-g.jpg");
  background-repeat: no-repeat;
  background-position-y: -0.7em;
  background-position-x: -0.5em;
  height: 1em;
}

.hp-single-image {
  overflow: hidden;
  height: 12em;
  margin-top: -0.7em;
  margin-left: 1em;
}

.ep-career-apply-title {
  color: red;
  font-size: 1.2em;
}

.ep-career-apply-btn {
  background-color: red;
  color: #FFF;
  padding: 0.2em 2em;
  display: inline-block;
  margin-top: -1em;
}

.ep-career-section {
  width: 70%;
  margin-top: -0.3em;
  border-bottom: solid 0.15em #C0BEBE;
  padding: 0 0 0.2em;
}

.ep-career-apply-btn:hover {
  background-color: #474747;
}

#Employee-SCS-alerts {
  margin: -0.1em -0.2em 0 0.1em;
  padding: 0.5em 0.3rem 0.1rem 0.5rem;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  background-color: #f00000;
}

#Employee-SCS-alerts p a,
#Employee-SCS-alerts-home p a {
  color: white;
  padding: 0.3em 0.7rem 1rem 0.5rem !important;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
}

#Employee-SCS-alerts p a:hover,
#Employee-SCS-alerts-home p a:hover {
  text-decoration: underline;
}

#SCS-alerts {
  margin: -0.1em -0.2em 0 0.1em;
  padding: 0.3em 0.3rem 0.1rem 0.5rem;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  background-color: #f00000;
  margin-bottom: 1.2em;
}

.SCS-alerts-students {
  margin-bottom: 0.2em !important;
}

#SCS-alerts-home {
  font-size: 1.1rem;
  font-weight: bold;
  text-align: center;
  background-color: #ab000b;
  padding: 0.3em 0;
  color: #FFF;
  margin-bottom: 0.5em;
  transition: 0.2s;
}

#SCS-alerts-home:focus, h1.SCS-logo:focus, .alertTAB:focus {
  background-color: #002c65 !important;
}

div#SCS-alerts-home a {
  color: #FFF;
  padding: 0.2em 0 0.4em 0;
  display: inline-block;
}

#SCS-alerts p a,
#SCS-alerts-home p a {
  color: white;
  padding: 0.3em 0.7rem 0.8rem 0.5rem !important;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
}

#SCS-alerts p a:hover,
#SCS-alerts-home p a:hover {
  text-decoration: underline;
}

.large-12.columns.middle-section-hp {
  margin-bottom: 0.5em;
}

img.owl-lazy {
  cursor: pointer;
}

.menu-photo-box, .menu-photo-box img {
  width: 100% !important;
  margin: 0 !important;
}

.tp-box-1-bg {
  background: #31393f;
  background-repeat: no-repeat;
  width: 100% !important;
  padding-top: 0.5em;
  padding-bottom: 0.2em;
  margin: 0 !important;
  margin-left: 0 !important;
  padding: 0;
}

.tp-box-title {
  text-transform: none !important;
  font-weight: bold !important;
  background: #e90101 !important;
  padding: 0.4em 0.1em !important;
  /* border: solid 0.15em; */
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  border-radius: 0.15em !important;
  display: inline-block !important;
  width: 100% !important;
  border: none !important;
}

.tp-box-1-bg p {
  color: #FFF;
}

.tp-box-name {
  margin-top: 0.8em;
  display: inline-block;
}

#tp-menu-accordion .ui-state-default .ui-icon {
  background: none !important;
}

#tp-menu-accordion .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: none;
  background: none !important;
  font-weight: bold;
  font-size: 0.77em !important;
  color: #555555;
  border-top: solid 0.1em #CCC;
  border-radius: 0;
  margin-top: -0.1em;
  padding: 0.5em 0;
}

#tp-menu-accordion .ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover {
  background: #dbdbdb !important;
}

#tp-menu-accordion .ui-accordion .ui-accordion-icons {
  padding: 0.4em 0.4em;
  color: #31393f !important;
  margin-top: 2.5em;
  margin-top: 0;
  display: none;
}

#tp-menu-accordion .ui-accordion .ui-accordion-icons:focus {
  outline: none;
}

#tp-menu-accordion .ui-widget-content {
  color: #222222;
  border-radius: 0;
  margin-left: 0;
  background: #FFF !important;
  overflow: hidden;
  padding-right: 0;
  padding: 0;
}

#tp-menu-accordion {
  margin: 0;
}

/*SCROLLING ARROW */
.scroll-top-wrapper {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  text-align: center;
  z-index: 99999999;
  background-color: #E90101;
  background-color: #E90101;
  color: #FFFFFF;
  width: 50px;
  height: 48px;
  line-height: 48px;
  right: 30px;
  bottom: 18em;
  padding-top: 2px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.scroll-top-wrapper:hover {
  background-color: #888888;
}

.scroll-top-wrapper.show {
  visibility: visible;
  cursor: pointer;
  opacity: 1;
}

.scroll-top-wrapper i.fa {
  line-height: inherit;
}

/* SCROLLING ARROW */
/*BOTTOM-SECTION-HP */
.bottom-section-box {
  background: white;
  margin: 0 1em 0 0;
  width: 18em;
  height: 10em;
  border: solid 1px #ccc;
  border-radius: 0.2em;
}

/*END BOTTOM-SECTION-HP*/
/*START FOOTER*/
footer {
  position: relative;
  width: 100%;
  min-height: 200px;
  background-repeat: no-repeat;
}
footer p {
  font-size: 0.9em;
  padding: 5px 0 0;
}
footer .top {
  position: relative;
  width: 100%;
  min-height: 9em;
  background-color: #E90101;
  background-color: #E90101;
  background-color: #244690;
}
footer .center {
  position: relative;
  width: 100%;
  background-color: #074E68;
  min-height: 150px;
}
footer .bottom {
  position: relative;
  width: 100%;
  background-color: #1E1F1F;
  background-color: #213869;
  min-height: 40px;
  border-top: solid 0.1em #8C1010;
  border-top: solid 0.1em #244690;
}
footer [class*=fi-] {
  font-size: 1em;
  text-align: center;
  display: inline;
  color: #FFFFFF;
  font-style: normal;
}

.footer-graphic {
  background-repeat: no-repeat;
  background-position-x: 180px;
}

div.bottom p {
  font-size: 0.7em;
  color: #FFF;
  text-align: center;
  padding: 1em;
}

/*END STARTER*/
.connect-with-us-row {
  background: #E90101;
  background: #E90101;
  border-bottom: solid 0.1em #8C1010;
  border-top: solid #31393F 0.4em;
  background: #244690;
  border-bottom: solid 0.1em #244690;
  border-bottom: solid 0.1em #1f3a75;
  padding-top: 0.5em;
}

.connect-with-us-row h3 {
  font-weight: bold;
  font-size: 1.8em;
  color: #FFF;
}

.button,
button {
  font-family: "Open Sans", sans-serif;
}

@media (max-width: 1024px) {
  #hp-tabs-box {
    margin-top: 3.5em;
  }
}
.template-nav-style p {
  font-size: 0.8em !important;
}

ul.face-sub-li li {
  color: #9c9a9a;
  margin-left: 0.5em !important;
}

div#ui-id-2 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/*WEBADMIN*/
#tp-menu-accordion .ui-state-default {
  background: #fbfafa !important;
  border: none;
}

.admin-news-filter-list-style {
  list-style-type: none;
}

.admin-news-filter-list-style li a {
  background-color: transparent;
  border-top: solid #1E1F1F 0.4em;
  padding: 0.2em 0.4em;
  margin: 0.2em 0;
  display: inherit;
  color: #FFF;
}

.admin-news-filter-list-style li a:hover {
  background-color: #504B4B;
}

.webadmin-sign-in-modal {
  max-width: 50rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.form-2 {
  width: 24em;
}

/*END WEBADMIN*/
/*POLICY PAGE*/
.policy-admin-menu-style {
  margin-bottom: 2em;
}
.policy-admin-menu-style p {
  font-size: 0.8em;
  margin: 0.2em 0 0 2em;
}

/*END POLICY PAGE*/
.employee-news-box a,
.employee-news-box h3,
.employee-news-box p {
  color: #464444 !important;
}

.employee-news a:hover {
  color: #31393F;
  font-weight: bold;
  text-decoration: underline;
}

.employee-news-box {
  /*  background-color: rgb(58, 58, 58);*/
  padding-top: 0.5em;
}
.employee-news-box ul {
  margin-left: 0;
}

.employee-news-list-style {
  font-family: inherit;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.6;
  padding-bottom: 0.2em;
  margin-bottom: 0.4rem;
  text-rendering: optimizeLegibility;
  list-style-type: none;
  padding-left: 0;
  padding-right: 0;
  color: #474545;
  border-bottom: dashed 0.1em #656565;
}

.employee-btn-1 {
  background-image: url("../img/employee/employee-btn-1.png");
  background-repeat: no-repeat;
}
.employee-btn-1 a p {
  color: #FFF;
}

.employee-slideshow-pics {
  margin-top: 2.5em;
  height: 11.8em;
  margin-bottom: 1em;
  overflow: hidden;
}

/*EMPLOYEE HUB */
.frequently-visited {
  margin-left: 0;
  list-style-type: square;
  color: #3698DA;
  margin: 0 0 1em 1em;
}

ul.frequently-visited li a {
  color: #3091D2 !important;
  font-size: 1.1em;
  display: block;
}

#employee-hub ol,
#employee-hub ul {
  font-size: 0.95rem !important;
}
#employee-hub p.important {
  color: red !important;
}
#employee-hub h2 {
  color: #5A5959 !important;
  font-size: 1.7em;
  font-weight: bold;
  margin-left: 0.4em;
}
#employee-hub a {
  font-weight: bold;
}
#employee-hub h2 {
  font-size: 1.2em;
  color: #F72727;
}
#employee-hub h3 {
  color: #6685A4;
  font-size: 1.1em;
  text-transform: capitalize;
}

.employee-hub-logo-text {
  font-family: arial;
  font-size: 2.5em;
  font-weight: bold;
  margin: -0.3em 0 0.1em;
}

.employee-hub-logo-text-pages {
  font-family: arial;
  font-size: 2.5em;
  font-weight: bold;
  margin: -0.3em 0 0.1em -0.4em;
}

#employee-hub .buttons h3 {
  font-size: 0.9em;
  color: #C8C8C8;
  background-color: #6C8FA8;
  padding: 0.4em 0.9em;
}

.employee-hub-h3-title-box {
  font-size: 0.85em !important;
  color: #DDDDDD !important;
  background-color: #31393F;
  padding: 0.4em 0.9em;
  text-transform: capitalize;
  margin-top: 1em;
}

.employee-guide-buttons {
  color: #566170;
  font-size: 1.1em;
}
.employee-guide-buttons :hover {
  color: #43639A;
}

.banner-buttons img {
  margin-bottom: 0.2em !important;
}
.banner-buttons .icon1 {
  font-size: 2em;
  position: absolute;
  margin: 0.7em 0.4em;
  color: #FD020D;
  display: none;
}
.banner-buttons .icon2 {
  font-size: 2em;
  position: absolute;
  margin: 3.1em 0.4em;
  color: #FD020D;
  display: none;
}
.banner-buttons .icon3 {
  font-size: 2em;
  position: absolute;
  margin: 5.28em 0.4em;
  color: #FD020D;
  display: none;
}

#employee-hub-home .sync-thumbs img {
  width: 6em !important;
}

.margin-p5 {
  margin-right: 0.5em;
}

.employee-guide-menu-header {
  border-bottom: solid;
  padding: 0.2em 0.7em;
  color: #757677 !important;
  background-color: #D5D5D5;
}

#employee-hub table {
  background: #FFFFFF;
  margin-bottom: 1.25rem;
  border: solid 1px #FFF;
  table-layout: auto;
}
#employee-hub #employee-hub .panel-link {
  color: #43639A;
  padding: 0;
  display: block;
  font-size: 0.9rem;
  margin-left: -0.5em;
  background: none;
}

/*END EMPLOYEE HUB*/
/*TICKER*/
.ticker {
  width: 100%;
  background: #4FC2E5;
  float: left;
  display: inline-block;
  overflow: hidden;
  box-sizing: border-box;
  height: 45px;
  position: relative;
  cursor: pointer;
}

.marquee-sibling {
  padding: 0;
  background: #3BB0D6;
  width: 20%;
  height: 45px;
  line-height: 42px;
  font-size: 12px;
  font-weight: normal;
  color: #ffffff;
  text-align: center;
  float: left;
  left: 0;
  z-index: 2000;
}

*[class^=marquee],
.marquee {
  display: inline-block;
  white-space: nowrap;
  position: absolute;
}

.marquee {
  margin-left: 25%;
}

.marquee-content-items {
  display: inline-block;
  padding: 5px;
  margin: 0;
  height: 45px;
  position: relative;
}
.marquee-content-items li {
  display: inline-block;
  line-height: 35px;
  color: #fff;
}
.marquee-content-items li:after {
  content: "|";
  margin: 0 1em;
}

/*END TICKER*/
/* CSS Document */
.reveal .fa {
  font-family: "FontAwesome";
  font-style: normal;
}

dd.active.hp-panels {
  padding-top: 0;
}

.hp-hoz-title {
  font-size: 5vw !important;
}

.hp-c19tv-video-text {
  font-weight: normal;
  font-size: 0.7rem;
  line-height: 1.6;
  margin-bottom: 0.4rem;
  padding-top: 0.5em;
  color: white;
}

.hp-web-theme {
  width: 7em;
  height: 2em;
  display: block;
  float: left;
}

.hp-red-theme {
  background: grey;
  height: 1.2em;
  width: 1em;
  float: left;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

.hp-white-theme {
  background: white;
  height: 1.2em;
  width: 1em;
  float: left;
  margin-right: 0.2em;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

.hp-divder-long {
  margin-top: -0.5em;
  margin-bottom: 0;
  margin-left: 1em;
}

.hp-divder-long-office {
  margin-top: -2.5em;
  margin-bottom: 0;
  margin-left: 1em;
}

.row-full-width {
  max-width: 100%;
}

.hp-plus-box {
  background: url("img/home-page/blue-plus-box.png");
  padding: 0.5em 1em;
  margin-left: -1em;
}

a.hp-important-dates-link {
  color: #31393F;
}

a.hp-important-dates-link:hover {
  color: red;
}

a.TCC-btn-hp {
  color: #FFF;
  font-family: "Oswald", sans-serif;
}

a.TCC-btn-hp:hover {
  color: #a3a3a3;
}

.view-calendar-text:hover {
  /* rgb(146, 146, 146);*/
}

/*hp hoz-bg */
.hp-hoz-bg {
  /*	height: 31em;*/
  /*	background-image: url("../img/home-page/hoz-bg.jpg");*/
  display: block;
  /*	padding: .2em;
  padding-bottom: 1.2em;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  padding: 8% 0 9%;
}

.hp-hoz-title {
  text-align: center;
  font-size: 4vw;
  color: #FFF;
  font-weight: bold;
  padding-top: 0.2em;
  display: block;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
  text-shadow: rgba(0, 0, 0, 0.298039) 0 1px 2px;
  transition-duration: 0.33s;
  transition-property: color, background, text-shadow, border, opacity, text-decoration;
}

#sp-img-grid {
  padding-left: 0.4em;
  margin: 0.3em 0 0;
}

#sp-img-grid article,
#sp-img-grid aside,
#sp-img-grid figure,
#sp-img-grid hgroup,
#sp-img-grid menu,
#sp-img-grid nav,
#sp-img-gridfooter,
#sp-img-gridheader,
#sp-img-gridsection {
  display: block;
  margin: 0;
}

#sp-img-grid img {
  display: block;
  width: 8.2em;
}

#sp-img-grid .wrap {
  overflow: hidden;
  margin: 0 auto;
}

#sp-img-grid p {
  display: block;
  position: absolute;
  margin: -6em 0.4em;
  color: #FFF;
  font-weight: bold;
  font-size: 0.8em;
  text-align: center;
  text-transform: uppercase;
  width: 9.4em;
}

#sp-img-grid .tint {
  position: relative;
  float: left;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}

#sp-img-grid .tint:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(18, 18, 18, 0.8);
  transition: all 0.3s linear;
}

#sp-img-grid .tint:hover:before {
  background: none;
}

.t2:before {
  background: rgba(0, 0, 255, 0.5);
}

.t3:before {
  background: rgba(255, 0, 0, 0.5);
}

.t4:before {
  background: rgba(0, 255, 0, 0.5);
}

.t5:before {
  background: rgba(255, 0, 240, 0.5);
}

.t6:before {
  background: rgba(255, 102, 0, 0.6);
}

#hp-hov {
  list-style: none;
  width: 100%;
}

#hp-hov section {
  text-align: center;
  width: 100%;
}

#featured {
  width: 940px;
  height: 450px;
  background: #000 url("orbit/loading.gif") no-repeat center center;
  overflow: hidden;
}

#featured div,
#featured img {
  display: none;
}

.button-group,
.orbit bullets {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}

a.menu-subbutton {
  height: 47px;
}

.green-button {
  background-color: #83ba37;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  color: #fff;
  text-decoration: none;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  /*	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8dc63f), color-stop(100%, #83ba37));
  background-image: -moz-linear-gradient(#8dc63f, #83ba37);
  background-image: -webkit-linear-gradient(#8dc63f, #83ba37);
  background-image: linear-gradient(#8dc63f, #83ba37);*/
  border-width: 1px;
  border-style: solid;
  border-top-color: #83b938;
  border-left-color: #83bb37;
  border-right-color: #83bb37;
  border-bottom-color: #83ba37;
}

div #drop {
  border: none;
}

/*Content box from MSN style dropmenu style*/
.f-dropdown.content {
  position: absolute;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  padding: 1.25rem;
  width: 100%;
  height: auto;
  max-height: none;
  background: white;
  border: solid 1px #cccccc;
  font-size: 0.875rem;
  z-index: 89;
  max-width: 500px;
}

.menu-label {
  font-size: 0.8em;
}

.menu-subbutton,
a.menu-subbutton,
span.menu-label {
  line-height: 2em;
}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
  color: #0d0b0b;
  background: #FFFFFF;
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
  background-color: #4B4A4A;
  background-color: #31393F;
  /* background: #31393F; */
  /* background: #181717; */
  /* background: url(/uf/webadmin/foundation/img/home-page/SD-navbar-bg.jpg); */
  text-decoration: none;
  color: #FFF !important;
}

.top-bar-section li:not(.has-form) a:not(.button) {
  padding: 0 0.9375rem;
  line-height: 2.8125rem;
  /* background: #31393F; */
  color: #FFF;
}

.headline,
.title {
  /*font-family: "Open Sans"; */
  font-family: Lato, Helvetica;
  font-style: normal;
  font-weight: 700;
  text-transform: none;
}

.header {
  font-family: "League Gothic", sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}

.top-header {
  margin-top: -1.7em;
  background: #dedede;
  font-size: 0.74em;
  padding-bottom: 0;
  color: #4D4848;
  border-bottom: solid 0.1em #7A7979;
}

.tr-right-rail h3 {
  position: relative;
  z-index: 5;
  text-align: center;
  background-color: #31393F;
  color: white;
  margin: 0;
  line-height: 50px;
  height: 50px;
  font-size: 30px;
  -webkit-box-shadow: 0 2px 3px 1px #cccccc;
  -moz-box-shadow: 0 2px 3px 1px #cccccc;
  box-shadow: 0 2px 3px 1px #cccccc;
}

.top-bar-section li.active:not(.has-form) a:not(.button) {
  padding: 0 15px;
  line-height: 45px;
  color: white;
  background: red;
}

.fullWidth {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: initial;
}

.tabs .tab-title > a,
.tabs dd > a {
  display: block;
  background-color: #464141;
  color: #FFFFFF;
  padding: 0.5rem 1rem;
  font: bold 0.9em "Open Sans", sans-serif;
  text-transform: uppercase;
}

.tabs .tab-title > a,
.tabs dd > a {
  display: block;
  background-color: #31393F;
  color: #FFFFFF;
  padding: 0.6rem;
  /* font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; */
  font: bold 0.9em "Open Sans", sans-serif;
  border-radius: 0.1em 0.1em 0 0 !important;
  margin-right: 0;
  border-right: solid 0.3em #FFF;
}

.tab-red {
  color: #FFFFFF !important;
  padding-bottom: 0.6em !important;
}

.tab-baby-blue {
  color: #FFFFFF !important;
  padding-bottom: 0.6em !important;
}

.tab-gold {
  color: #FFFFFF !important;
  padding-bottom: 0.6em !important;
}

.tab-green {
  color: #FFFFFF !important;
  padding-bottom: 0.6em !important;
}

.hp-news-border-left {
  border-left: solid #FFFFFF 0.3em;
}

.hp-news-thumb {
  border: solid 2px #FFFFFF;
}

.tabs .tab-title > a:hover,
.tabs dd > a:hover {
  background-color: #464141;
}

#hp-nav li a:hover {
  border-bottom: solid #113993 0.25em;
  border-bottom: solid #234590 0.1em;
}

.top-bar .button,
.top-bar button,
.top-bar input {
  font-size: 0.95rem;
  position: relative;
  top: 6px;
}

.top-bar {
  /*background: url(/uf/webadmin/foundation/img/home-page/SD-navbar-bg.jpg);*/
}

.top-bar-section .has-form {
  /*	background: #31393F;*/
  /*	background: url(/uf/webadmin/foundation/img/home-page/SD-navbar-bg.jpg);*/
}

.top-bar-section ul li:hover:not(.has-form) > a {
  background-color: none;
}

.SCS-button-hp {
  font-size: 1.1em !important;
  font-weight: bold !important;
  padding-top: 0.05em !important;
}

input.hp-search-input {
  cursor: pointer;
  font-size: 1em;
  font-weight: normal;
  background: #39589a;
  transition: 0.25s;
  color: #333;
  margin-top: -0.15em !important;
  width: 100%;
  border: none;
}

input.hp-search-input:focus, input.hp-search-input:hover, .display-search-input {
  color: #333;
  background: #FFF;
  width: 120%;
  cursor: pointer;
  font-size: 1em;
  font-weight: normal;
  transition: 0.25s;
  color: #333;
  margin-top: -0.15em !important;
  width: 120%;
  border: none;
}

.search-input-icon input[type=text] {
  position: relative;
}

input.search-input-icon {
  font-family: "FontAwesome";
}

/* This is for the placeholder */
.search-input-icon:before {
  font-family: "FontAwesome";
  color: red;
  position: relative;
  left: -5px;
  content: "";
}

.hub-mail-icon {
  font-size: 2em;
  padding-top: 0.2em;
}

.ep-style.hub-fast-btns {
  margin-top: 1em;
}

.hub-fast-btns .large-6 {
  padding: 0;
  margin-bottom: 1.8em;
  padding: 0.25em !important;
}

.hub-fast-btns h3.eh-btns {
  position: absolute;
  left: 0;
  right: 0;
  transition: 0.25s;
  z-index: 999;
  text-align: center;
  font-size: 0.9em;
  margin: -2.1em 0.23em !important;
  z-index: 1;
}

.hub-fast-btns img {
  transition: 0.3s;
  box-shadow: 2px 1px 25px #e8e0e0;
}

.hub-fast-btns img:hover {
  transform: scale(1.07);
}

.top-bar-section ul li {
  background: none;
}

.tabs .tab-title.active a,
.tabs dd.active a {
  background-color: #E90101;
  color: #FFFFFF !important;
}

.hp-nav-active,
a.hp-nav-active {
  /*background: red;*/
  color: red !important;
}

.main-nav {
  z-index: 150;
  margin-bottom: 10px;
  position: relative;
}

.side-nav {
  display: block;
  margin: 0;
  padding: 0.875rem 0;
  list-style-type: none;
  list-style-position: outside;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  background: #f7f3f3;
}

#hp-tabs-box {
  padding-left: 0;
  padding-top: 0.3em;
  margin-right: 0;
  padding-right: 0;
  margin-top: 0;
  margin-left: 0.7em;
}

.hp-scs-logo-text {
  /*	height: 3em;
  width: 70vw !important;
  background-repeat: no-repeat;
  background-position-x: -3.3em;*/
  margin-top: -0.7em;
}

.hp-floating-logo {
  position: absolute;
  z-index: 9999;
  margin-left: 20.7em;
  margin-top: -4.5em;
}

HP-Bottom-Section .hp-add-box {
  height: 12em !important;
}

.background-black {
  background: #333333 !important;
}

.background-white {
  background: #FFFFFF !important;
}

#container {
  position: relative;
}

.main-nav-scrolled,
header {
  position: fixed;
  top: 0;
  width: 100%;
}

div.content p {
  font-size: 0.8em;
  padding: 0;
  margin: 0 0 14px 14px;
}

.main-nav-scrolled,
header {
  position: fixed;
  top: 0;
  width: 100%;
}

.main-nav {
  height: 50px;
  z-index: 152;
  background: #e90101;
  background: #234590;
  background-position-x: 0;
  background: rgba(36, 70, 144, 0.9);
  transition: 0.2s;
}

.main {
  background: #f2f2e8;
  column-count: 2;
  column-gap: 40px;
}

.main h2 {
  column-span: all;
}

ul.dropdown.home-nav li {
  height: 35px;
}

i.fi-mail {
  display: block;
  font-size: 2.5em;
}

.middle-section-hp {
  margin-bottom: 3em;
  margin-top: 0.8em;
}

.district-news-pic {
  margin-left: -0.5em;
  border: solid 1px #FFFFFF;
  box-shadow: none;
}

#news-blurb p {
  margin-left: -2em;
  margin-top: 1em;
  font-size: 0.7em;
}

.fix-news-thumb-width {
  width: 30% !important;
}

.fix-news-list-width {
  width: 67% !important;
}

#tab-text p {
  margin-left: 14px;
}

.home-title-text {
  font-weight: bold;
  font-size: 1.2em;
  border-bottom: solid red 3px;
  display: block;
  width: 9.5em;
  margin-top: 14px;
  text-transform: capitalize;
}

.home-title-text {
  font-weight: bold;
  font-size: 1.2em;
  border-bottom: solid red 3px;
  display: block;
  width: 9.5em;
  margin-top: 14px;
  text-transform: capitalize;
}

.move-header-up {
  margin-top: -3.4em;
  margin-top: -7.4em;
}

@media only screen and (max-width: 20em) {
  .SCS-logo-text {
    font-weight: bold;
    color: #FFF;
    padding: 0 0 10px 15px;
    /* font-size: 2em; */
    text-transform: capitalize;
    margin-top: -3.5rem;
    /* font-family: Lato; */
    margin-left: 4rem;
    font-family: "Lato";
    font-style: italic;
    font-size: 1.2rem;
    line-height: 30px;
  }
}
@media (max-width: 768px) {
  .orbit-next,
.orbit-prev {
    display: none;
  }
}
@media only screen and (min-width: 7.063em) {
  .SCS-logo-text {
    /* font-weight: bold; */
    color: #FFF;
    padding: 0 0 10px 15px;
    text-transform: capitalize;
    margin-top: -3.5rem;
    /* font-family: Lato; */
    margin-left: 4.5rem;
    font-family: "Lato";
    font-weight: 600;
    /*	font-style: italic;*/
    font-size: 2.2em;
    line-height: 30px;
  }

  .mypanels {
    margin-left: 0;
  }

  #news-blurb p {
    margin-left: -1em;
    margin-top: 0;
  }
}
@media only screen and (min-width: 41.063em) {
  .SCS-logo-text {
    /* font-weight: bold; */
    color: #FFF;
    padding: 0 0 10px 15px;
    text-transform: capitalize;
    margin-top: -3.5rem;
    /* font-family: Lato; */
    margin-left: 4.5rem;
    /*	font-family: "Lato";*/
    font-weight: 600;
    /*	font-style: italic;*/
    font-size: 2.2em;
    line-height: 30px;
    font-family: initial;
  }
}
@media only screen and (min-width: 64.063em) {
  .SCS-logo-text {
    /* font-weight: bold; */
    color: #FFFFFF;
    padding: 1rem 0 0 5rem;
    text-transform: capitalize;
    /* font-family: Lato; */
    margin-left: -5rem;
    margin-top: 0;
    /* font-family: "Lato"; */
    font-weight: 600;
    /* font-style: italic; */
    font-size: 1em;
    font-family: initial;
    line-height: 30px;
  }
}
@media only screen and (min-width: 64.063em) {
  .hp-news-panel-bm {
    width: 47%;
  }
}
#news-blurb p {
  margin-left: -7em;
  margin-top: 0.4em;
  padding-bottom: 0;
  margin-bottom: 0;
}

#Feature {
  padding-left: 0;
}

#news-panel-box {
  border-bottom: solid 0.1em #E2E1E1;
  margin-left: 0.2em;
  margin-right: 0.2em;
  padding-bottom: 0.1em;
  padding-top: 0.7em;
}

#news-blurb p {
  padding-top: 0.6em;
}

.news-thumbnail-margin {
  margin-left: -1.3em;
}

.clear-padding {
  padding: 0;
}

#panel2-hp,
#panel3-hp,
#panel4-hp,
#panel4-hp {
  padding: 1em 0 0;
}

#panel1-hp {
  padding-top: 0.2em;
}

#panelsocial {
  background: #292727 !important;
  color: white !important;
  margin-left: -0.7em;
  margin-right: 0.3em;
  margin-bottom: 1em;
}

.clear-margin {
  margin: 0;
}

.hp-news-panel-bm {
  margin-bottom: -2.48em !important;
}

.hp-c19tv-video {
  height: auto;
  width: 25%;
  background-color: #222222;
  padding: 0;
}

.back-button button,
button.button {
  font-size: 1rem;
  background-color: #83BA37;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  color: #FFF;
  text-decoration: none;
  background-size: 100% auto;
  background-image: linear-gradient(#8DC63F, #83BA37);
  border-width: 1px;
  border-style: solid;
  border-color: #83B938 #83BB37 #83BA37;
}

.button,
button {
  font-size: 1rem;
  background-color: red;
}

.back-button {
  background-color: #568be3 !important;
  font-weight: bold;
  padding: 0.2em 1em 0.5em 1em;
  border-radius: 2em;
  border: solid #244690;
}

.button.alert,
button.alert {
  background-color: #9D9C9C;
  /* border-color: red; */
  color: white;
  height: 2.15em;
  width: 3em;
  background: none;
}

.button.alert:focus,
.button.alert:hover,
button.alert:focus,
button.alert:hover {
  background-color: red;
}

.calendar-prev-next-button {
  font-size: 0.9em !important;
  padding: 0.5em 1em !important;
}

.search-box-margin {
  margin-top: 0.2em;
  width: 12em;
}

@media only screen and (max-width: 64.063em) {
  .google-translate {
    float: left !important;
    margin-top: -2em !important;
    margin-left: 29em !important;
  }
}
.fix-news-thumb {
  width: 9em !important;
}

#news-blurb,
.fix-news-thumb {
  height: 3.5em !important;
}

/*LARGE SCREEN SIZE	*/
@media (max-width: 1024px) {
  #hp-tabs-box {
    margin-bottom: 3.5em !important;
  }

  #hp-tabs-box {
    margin-top: 5em;
  }

  .fix-news-thumb {
    width: 5.5em !important;
  }

  .hide-google {
    display: none;
  }

  #Feature {
    padding-top: 5.3em;
  }
}
/*MEDIUM SCREEN SIZE	*/
@media (max-width: 890px) {
  .expand-search-bar {
    width: 58em;
  }

  .hide-google {
    display: none;
  }

  .fix-news-thumb {
    width: 5.5em !important;
  }

  .hp-bottom-title-box,
.hp-bottom-title-box2 {
    font-size: 1em;
  }

  .LN-HP-menu-bottom-margin {
    margin-bottom: 1em;
    padding: 0.3em 0;
    border-radius: 0.2em;
  }

  .hp-event-box-border {
    margin-bottom: 1em;
    padding: 0.3em;
    border-radius: 0.2em;
    padding-bottom: 0.8em;
  }

  .LN-menu-top-margin {
    margin-left: 1em;
    border: solid 0.1em #CCC;
  }

  .fix-news-thumb {
    display: none !important;
  }

  .fix-news-list-width {
    width: 95% !important;
  }

  .ep-style h3 {
    font-size: 1.1em;
    color: #FFFFFF;
    z-index: 2;
    position: absolute;
    margin: 3.52em 0;
    background-color: rgba(29, 31, 31, 0.95);
    padding: 0.2em 0.5em;
  }
}
/*SMALL SCREEN SIZE	*/
@media (max-width: 660px) {
  .hide-google {
    display: none;
  }

  .hp-img-resize-full {
    width: 100%;
  }

  .tabs .tab-title > a,
.tabs dd > a {
    font-size: 0.75em;
  }

  #hp-tabs-box {
    margin-bottom: 0 !important;
  }

  #news-blurb,
.fix-news-thumb {
    /*	height: 5.5em !important;*/
  }

  #news-blurb {
    /*	width: 24em;
    max-width: 24em;*/
    padding-bottom: 5.2em;
  }

  .hp-bottom-title-box,
.hp-bottom-title-box2 {
    font-size: 0.72em;
  }

  .LN-HP-menu-bottom-margin {
    margin-bottom: 1em;
    /*	border: solid .1em #CCC;*/
    padding: 0.3em;
    border-radius: 0.2em;
  }

  .hp-event-box-border {
    margin-bottom: 1em;
    /*	border: solid .1em #CCC;*/
    padding: 0.3em;
    border-radius: 0.2em;
  }

  .LN-menu-top-margin {
    margin-left: 1em;
    /*	border: solid .1em #CCC;*/
  }

  .fix-news-list-width {
    width: 95% !important;
  }

  .top-bar-section ul li {
    background: url("../img/nav/hp-nav-grad2.jpg");
    background: #31393F;
  }
}
/*VERY SMALL SCREEN SIZE	  */
@media (max-width: 454px) {
  .tabs .tab-title > a,
.tabs dd > a {
    font-size: 0.65em;
  }

  .news-thumbnail-margin {
    margin-left: 0;
  }

  #news-blurb,
.fix-news-thumb {
    height: 8.5em !important;
  }

  #news-blurb {
    /*	width: 14em;
    max-width: 14em;
    */
  }

  .LN-HP-menu-bottom-margin {
    margin-bottom: 1em;
    /*	border: solid .1em #CCC;*/
    padding: 0.3em;
    border-radius: 0.2em;
  }

  .hp-event-box-border {
    margin-bottom: 1em;
    /*	border: solid .1em #CCC;*/
    padding: 0.3em;
    border-radius: 0.2em;
  }

  .LN-menu-top-margin {
    margin-left: 1em;
    /*	border: solid .1em #CCC;*/
  }

  .fix-news-thumb {
    display: none !important;
  }

  .fix-news-list-width {
    width: 95% !important;
  }

  #news-blurb,
.fix-news-thumb {
    height: 5.5em !important;
  }

  .top-bar-section ul li {
    border-bottom: solid 0.1em #151515;
  }
}
@media only screen and (min-width: 40.063em) {
  .hp-news-panel-margin {
    width: 47%;
  }
}
/*STUDENT PARENT PAGE */
.student-parent-grid-boxes-style {
  margin-top: -0.4em;
}

ul.student-parent-grid-boxes-style li {
  padding: 0.4em !important;
}

ul.student-parent-grid-boxes-style li img {
  /*	height: 9em;*/
}

.parent-student-middle-text {
  width: 70% !important;
  padding: 0.7rem 0.8rem 0.7rem 0.4rem !important;
  color: rgba(21, 19, 19, 0.8) !important;
  transition: background 100ms ease !important;
  font-size: 0.94em !important;
}

.parent-student-middle-img {
  width: 28% !important;
}

.parent-student-middle-box {
  margin: 1.3em 0 1.8em;
}

/*END STUDENT PARENT PAGE */
/*TOP-NAV*/
#hp-nav.top-bar-section .dropdown li {
  width: 100%;
  height: auto;
}

/*END TOP-NAV*/
/*Superintentdent Page*/
#superintendent-video-grid-box p {
  /*	font-size: 0.8rem;
  line-height: 1.6;*/
  padding: 0.4rem;
  background: #131212;
  color: white;
  font-size: 0.8rem;
  line-height: 1.6;
  margin-bottom: 0.9rem;
  text-align: center;
  height: 6em;
}

/*End Superintendent Page*/
/*SEARCH PAGE */
.schools-found-bubble {
  color: #FEFDFD;
  margin-bottom: 10px;
  font-size: 0.7em;
  background-color: #51CB42;
  padding: 0.1em 0.6em;
  display: block;
  border-radius: 10em 2em;
  float: left;
  position: absolute;
  margin: -1em 5em;
}

.news-releases-found-bubble {
  color: #FEFDFD;
  margin-bottom: 10px;
  font-size: 0.7em;
  background-color: #51CB42;
  padding: 0.1em 0.6em;
  display: block;
  border-radius: 10em 2em;
  float: left;
  position: absolute;
  margin: -1.2em 9.8em;
}

.search-page-results-style {
  font-size: 0.8em;
  /* text-transform: capitalize; */
  padding-left: 1em;
}

.page-search-input {
  -webkit-appearance: none !important;
  border-radius: 0 !important;
  background-color: #FFFFFF !important;
  font-family: inherit !important;
  border-style: solid !important;
  border-width: 1px !important;
  border-color: #FFFFFF !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  color: rgba(0, 0, 0, 0.75) !important;
  display: block !important;
  font-size: 0.875rem !important;
  margin: 0 0 1rem !important;
  padding: 0.5rem !important;
  height: 2.3125rem !important;
  width: 100% !important;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out !important;
}

.hp-search-input {
  border-top: 1px solid #878685;
  border-right: 1px solid #b0afaf;
  border-bottom: 1px solid #b0afaf;
  border-left: 1px solid #878685;
  width: 145px;
  height: 27px;
  padding: 5px 25px 5px 5px;
  -webkit-box-shadow: inset -1px 2px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset -1px 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: inset -1px 2px 5px rgba(0, 0, 0, 0.3);
}

.hp-search-input {
  -webkit-appearance: none;
  border-radius: 0;
  background-color: #31393F;
  font-family: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: #31393F;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.75);
  font-weight: bold;
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
}

.hp-search-input:focus {
  background-color: #AEAEAE;
  color: #3A3838;
}

.hp-search-button {
  text-indent: -9999px;
  border: none;
  width: 20px;
  height: 30px;
  padding: 0;
  /* background: url(../img/bg_searchField.png) center center no-repeat; */
  position: absolute;
  top: 11px !important;
  right: 14%;
  background: url("/uf/webadmin/foundation/img/home-page/bg_searchField.png");
  background-repeat: no-repeat;
}

.search-form-up {
  margin-top: -3em;
}

.search-box-up {
  border-radius: 0.2em;
  border: solid 2px #797373;
  width: 20em;
  margin-left: -7em;
}

.websearchtitle,
a.websearch-title {
  color: #49558E;
  font-size: 0.87em;
  font-weight: bold;
}

/*@media only screen and (min-width:645px){
.hide-search-input {
display:none;
}}

@media only screen and (max-width:910px){
.hide-search-input {
display:none;
}}*/
.websearchtitle:hover,
a.websearch-title:hover {
  text-decoration: underline;
}

/*END SEARCH PAGE */
/*NEWS*/
.c19tv-mini-logo {
  background-image: url("/uf/webadmin/foundation/news/img/C19TV-mini-img.jpg");
  height: 2.2em;
  position: absolute;
  width: 2.5em;
  background-size: 100%;
  background-repeat: no-repeat;
  margin: 0 0.4em;
}

#latest h1 {
  font-size: 1rem !important;
  display: block;
  background: #444141;
  padding: 0.3rem 0.7rem;
  color: white;
  font-weight: bold;
  border-top: solid #fd0303 0.29rem;
  border-radius: 0.18rem;
}

#latest h3 a {
  font-size: 0.8rem;
  /* line-height: .1rem; */
  text-decoration: underline;
  line-height: normal;
  text-transform: capitalize;
}

.news-new {
  color: red;
  font-size: 0.8rem;
}

.news-published {
  font-size: 0.7rem;
  margin-bottom: 2rem;
  display: block;
  font-style: italic;
}

.news-container {
  margin-left: 0;
}

.news-social li {
  float: left;
  list-style: none;
  padding-right: 0.3rem;
}

.news-datetime {
  font-size: 0.7rem;
  display: block;
  color: #e27300;
  padding: 0.5em;
  border-bottom: solid 0.12em #ECE9E9;
  border-top: solid 0.12em #ECE9E9;
}

.news-blurb a {
  padding-left: 0.5em;
}

/*END NEWS*/
/*Our Schools and Social Media Homepage */
.our-schools {
  padding: 0.4rem 1rem;
  width: 8rem;
  font-weight: bold;
}

/* end Our Schools and Social Media Homepage */
#controls {
  float: right;
  padding: 0.5em;
  width: 16em;
  position: absolute;
  margin: -5em 0 0 -15em;
  margin: -2.9em 0 0 -17.3em;
  text-align: center;
  transition: 0.25s ease-out;
  z-index: 50;
}

#controls a {
  font-size: 0.9em;
  color: #6B6868;
  display: block;
  float: left;
  padding: 0 0.5em;
  margin-top: 0.2em;
  background: #e6e6e6;
  margin-left: 0.3em;
}

#controls a:hover {
  color: #fff;
  background: #C0C0C0;
  transition: 0.25s ease-out;
}

#controls #resizer a.selected {
  color: #FEFDFD !important;
  background: #3B3939;
  margin-top: 0.2em;
  /*padding: .1em .5em 0 .5em;*/
}

.resizer-text-size {
  float: left;
  font-size: 0.8em;
  margin-top: 0.5em;
}

#side-menu-btn {
  z-index: 9;
  background: #FFF;
  color: #FFF;
  padding: 0.15em;
  margin-top: 2em;
  color: #333;
  cursor: pointer;
  transition: 0.25s;
  border-bottom: solid #989898cc 0.2em;
  margin-bottom: 0.2em;
  padding-top: 0.3em;
}

#side-menu-btn:hover {
  background: #dbdbdb !important;
}

#side-menu-btn a {
  color: #3b3737;
  font-weight: bold;
  padding: 0.5em;
}

#side-menu-btn .fa {
  color: #39589a;
}

#resizer #small {
  font-size: 0.9em !important;
  color: white;
  background: #5c8aec;
  background: #0080ab;
  padding: 0.15em 0.4em;
  transition: 0.2s;
}

#resizer #medium {
  font-size: 0.9em !important;
  color: white;
  background: #1a3f90;
  background: #0080ab;
  padding: 0.15em 0.8em;
  transition: 0.2s;
}

#resizer #large {
  font-size: 0.9em !important;
  color: white;
  background: #5c8aec;
  background: #0d3384;
  background: #0080ab;
  padding: 0.15em 0.8em;
  transition: 0.2s;
}

.printer:hover, #resizer #large:hover, #resizer #medium:hover, #resizer #small:hover,
.printer:focus, #resizer #large:focus, #resizer #medium:focus, #resizer #small:focus,
#controls .printer:hover, #controls .printer:focus {
  background: #3b3b3c;
  background: #5c8aec;
}

#controls .printer, #resizer .printer {
  background: #4c4d4e;
  padding: 0.15em 0.8em;
  transition: 0.2s;
}

#resizer .small {
  font-size: 75%;
}

.resizer-medium {
  margin-top: -0.3em;
}

.resizer-larger {
  margin-top: -0.4em;
}

/*MSN STYLE MENU*/
.f-dropdown.content {
  position: absolute;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  /* padding: 1.25rem; */
  width: 100%;
  height: auto;
  max-height: none;
  background: #3184e2;
  /* border: solid 1px #cccccc; */
  font-size: 0.875rem;
  z-index: 89;
  max-width: 400px;
}

/*LABEL*/
.label {
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  margin-bottom: auto;
  padding: 0.15rem 0.3rem;
  font-size: 0.6575rem;
  background-color: #008CBA;
  color: #FFFFFF;
  border-radius: 0.2em;
}

/*END LABEL*/
.social-media-dropdown open {
  position: absolute;
  left: 20px;
  top: 55px;
  background: #EFEFEF;
  padding: 1em;
  height: 14em;
}

/*OFF CANVAS SIDE MENU*/
ul.off-canvas-list li a {
  display: block;
  padding: 0.4rem;
  color: rgba(10, 9, 9, 0.7);
  border-bottom: 1px solid #C5C1C1;
  transition: background 300ms ease;
  font-size: 0.8em;
}

.left-off-canvas-menu {
  background: #CFCDCD;
}

#FIF-Hover a:hover {
  background: #FFFFFF !important;
  text-decoration: underline;
}

ul.off-canvas-list li a:hover {
  background: #E7E7E7;
  color: #2a2a2a;
}

ul.off-canvas-list li a {
  margin-top: 0.1em;
  padding: 0.22rem;
  color: rgba(21, 19, 19, 0.8);
  border-bottom: none;
  transition: background 100ms ease;
  font-size: 0.95em;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  width: 99%;
  text-transform: uppercase;
}

.left-off-canvas-menu {
  background: #FFFFFF;
}

.left-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  width: 15.625rem;
  top: 0;
  bottom: 0;
  /* position: absolute; */
  overflow-x: hidden;
  overflow-y: auto;
  /* background: #31393F; */
  z-index: 12;
  box-sizing: content-box;
  transition: transform 500ms ease 0s;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0;
  margin-top: 2.5em;
  margin-left: -1em;
}

.LN-menu-top-margin {
  margin-top: 1.5em;
  margin-bottom: 1em;
}

ul.off-canvas-list li label {
  color: #FFFFFF;
}

.hp-box-gray-bg {
  /*	background: none repeat scroll 0 0 #EEEEEE;*/
  padding: 0.3em 0;
  /*border: #ADABAB solid .2em;*/
}

.hp-blue-tab {
  background: url("img/home-page/blue-tab.jpg");
}

.hp-green-tab {
  background: url("img/home-page/green-tab.jpg");
}

.hp-gold-tab {
  background: url("img/home-page/gold-tab.jpg");
}

/*END OFF CANVAS SIDE MENU*/
/*JQUERY UI */
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0;
  padding: 0.5em 0.5em 0.5em 2.5em;
  min-height: 0;
  /* support: IE7; */
  font-size: 72%;
  /*font-weight: bold;*/
  background: white;
  text-transform: uppercase;
  outline: none;
}

.hp-accordian-font-size {
  font-size: 58% !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: none;
  /* background: #797373 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x; */
  font-weight: bold;
  color: #131313;
  border: none;
}

.ui-widget-content {
  /* border: 1px solid #aaaaaa; */
  background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
  color: #222222;
  border: none !important;
  height: auto !important;
  /*	background: rgb(249, 249, 249);*/
}

.ui-accordion .ui-accordion-content {
  padding: 0.3em 2em;
  border-top: 0;
  overflow: auto;
}

.ui-state-active .ui-icon {
  /*	background-image: url("/uf/webadmin/foundation/img/ui/ui-icons_454545_256x240-white.png");*/
}

/*.ui-state-default .ui-icon {
background-image: url("/uf/webadmin/foundation/img/ui/ui-icons_454545_256x240-lighgray.png");
}*/
.ui-widget {
  /* font-family: Verdana,Arial,sans-serif; */
  font-size: 1.1em;
}

.ui-state-active .ui-icon {
  /* background-image: url("images/ui-icons_454545_256x240.png"); */
}

.goog-te-menu2-item div,
.goog-te-menu2-item:active div,
.goog-te-menu2-item:link div,
.goog-te-menu2-item:visited div {
  color: #4A4A5E;
  background: #ffffff;
}

.goog-te-menu-frame {
  z-index: 10000002 !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  position: absolute !important;
}

.goog-te-menu2 {
  background-color: #ffffff !important;
  text-decoration: none !important;
  border: 0.2em solid #3E3F42;
  overflow: hidden !important;
  padding: 4px !important;
  box-shadow: none !important;
}

/*END JQUERY UI*/
/*EVENT CALENDAR*/
.fc-widget-header {
  background-color: #5A5A5A;
  color: #fff;
  font-weight: bold;
  padding-top: 0.3em;
  white-space: nowrap;
  border-left: 1px solid #5A5A5A !important;
  border-right: 1px solid #5A5A5A !important;
}

.fc-day-number {
  background-color: #e0e0e0;
  color: #575656;
  padding-bottom: 0.2em;
}

#calendar h5 {
  font-size: 30px;
  text-transform: capitalize;
}

.fc td,
.fc th {
  border-style: solid;
  border-width: 1px;
  padding-top: 0.4em !important;
  vertical-align: top;
}

.fc-unthemed .fc-today {
  background: #F4F3EF;
}

#calendar table {
  margin-bottom: 0.3rem;
}

#calendar table thead {
  background: #EFEFEF;
}

.fc td,
.fc th {
  padding-top: 0 !important;
}

.box {
  /* border-radius: 3px; */
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border: none;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.11);
  margin-bottom: 3%;
  background: #fff;
}

.box .header {
  background: none;
}

.box .header h4 {
  border-bottom: none;
}

/*END EVENT CALENDAR*/
/*DEPARTMENT PAGE*/
.dep-grid-style {
  font-size: 0.8em;
  list-style-type: square;
}

.dep-grid-style li {
  padding-bottom: 0;
}

.dep-grid-style li a {
  color: #636667;
}

.dep-label-style {
  list-style-type: none;
  border-bottom: solid 0.15em #CCC;
  font-weight: bold;
  color: #4F4D4D;
}

.dep-list-style {
  font-size: 0.9em;
  color: #818181;
  text-decoration: none;
  line-height: inherit;
}

/*DEPARTMENT PAGE*/
/*SCHOOLS PAGE*/
.schools-page-school-name {
  position: absolute;
  background: red;
  color: #FFF;
  width: 89%;
  margin-top: 8.45em;
  text-align: center;
  font-size: 0.72em;
  padding: 0.2em;
  /* background: #347BD1; */
  font-weight: bold;
  text-transform: uppercase;
  z-index: 44;
}

#schools-page-school a {
  text-decoration: underline !important;
}

.student-page-icon-color {
  color: red;
}

.school-page-letter-nav a {
  color: #DAD9D9;
  padding-left: 0.55em;
  font-weight: bold;
}

.school-page-letter-nav a:hover {
  color: #FFF;
}

.school-page-letter-nav a:hover {
  text-decoration: underline;
}

.school-page-category-h3-style h3 {
  font-size: 1em;
  color: #E2D2D2;
  background: #1da1f2;
  padding: 0.2em 0.7em;
}

/*END SCHOOLS PAGE*/
/*STAFF PAGE*/
#staff-page-table table tr.even,
table tr.alt,
table tr:nth-of-type(even) {
  background: #EDEDED;
}

.staff-page-text-style {
  padding: 0.7rem 1rem 1rem !important;
}

.staff-page-table-style {
  background: #FFFFFF;
  margin-bottom: 1.25rem;
  border: none !important;
  table-layout: auto;
  width: 100% !important;
}

.staff-page-table-head-style {
  text-transform: uppercase;
  background: #6D6B6B;
}

.staff-page-header-text {
  color: #f2f2f2;
  padding: 0.4em 0.5em;
  font-size: 0.82em;
  font-weight: normal;
  text-transform: none;
}

.staff-page-table-style td {
  font-size: 0.82em !important;
}

/*END STAFF PAGE*/
/*NEWS PAGE*/
#news-page-style ul li {
  font-family: inherit;
  font-weight: normal;
  font-size: 0.87rem;
  margin-bottom: 0.2rem;
  text-rendering: optimizeLegibility;
  list-style-type: square;
}

#news-page-district-feed {
  border-bottom: dashed 0.1em #CCC;
  margin: 0 0.2em 0 0.5em;
}

#news-page-district-feed p {
  font-size: 0.8em;
  padding-left: 1em;
  padding-top: 0.5em;
}

.hp-news-panel-media-buttons-output {
  float: left;
  display: inline-block;
  position: absolute;
  margin-top: 2em;
  margin-left: -0.6em;
}

.social-icon-adjust img {
  float: left !important;
  margin-top: -1.1em;
}

@media (max-width: 660px) {
  .hp-news-panel-media-buttons-output {
    float: left;
    display: inline-block;
    position: absolute;
    margin-top: 3.5em;
    margin-left: -0.6em;
  }
}
@media (max-width: 460px) {
  .hp-news-panel-media-buttons-output {
    float: left;
    display: inline-block;
    position: absolute;
    margin-top: 3.8em;
    margin-left: -0.6em;
  }
}
@media (min-width: 1040px) {
  .hp-news-panel-media-buttons-output {
    float: left;
    display: inline-block;
    position: absolute;
    margin-top: 2em;
    margin-left: -5.6em;
  }
}
@media (max-width: 1024px) {
  .news-page-margin-column-fix {
    padding: 0 1em 0 1.5em;
  }
}
.news-time-ago {
  font-size: 0.58em;
  margin: 0.5em 0.5em 0 -0.7em;
  display: inline-block;
  color: #6a6a6a;
  color: #FFF !important;
  background: #31393f;
  border-radius: 0.4em;
  padding: 0.2em 0.7em 0.2em;
  text-transform: capitalize;
  font-style: italic;
  float: right;
}

/*END NEWS PAGE*/
.btn-warning {
  background-image: -webkit-linear-gradient(top, #FF0000 0%, #FF0000 100%);
  background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#FF0000));
  background-image: linear-gradient(to bottom, #FF0000 0%, #FF0000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= "#fff0ad4e", endColorstr="#ffeb9316", GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #EF0101;
}

.btn-warning:focus,
.btn-warning:hover {
  background-color: #898989;
  background-position: 0 -15px;
}

.btn-warning.active,
.btn-warning.focus,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #B00B0B;
  border-color: #666666;
}

.view h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 0.8em;
  padding: 10px;
}

.view-sixth h2 {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  background: transparent;
  margin: 20px 40px 0;
  -webkit-transform: scale(10);
  -moz-transform: scale(10);
  -o-transform: scale(10);
  -ms-transform: scale(10);
  transform: scale(10);
  -webkit-transition: all 0.3s ease-in-out 0.1s;
  -moz-transition: all 0.3s ease-in-out 0.1s;
  -o-transition: all 0.3s ease-in-out 0.1s;
  -ms-transition: all 0.3s ease-in-out 0.1s;
  transition: all 0.3s ease-in-out 0.1s;
}

.view-sixth .mask {
  background-color: #376ac7;
  background-color: #df0804;
  background-color: #31393f;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.3s ease-in 0.4s;
  -moz-transition: all 0.3s ease-in 0.4s;
  -o-transition: all 0.3s ease-in 0.4s;
  -ms-transition: all 0.3s ease-in 0.4s;
  transition: all 0.3s ease-in 0.4s;
  z-index: 999999;
}

.view h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 0.7em;
  font-weight: bold;
  padding: 10px;
  background: rgba(0, 0, 0, 0.8);
  margin: 20px 0 0;
}

div.owl-wrapper-outer div.owl-wrapperDISABLED {
  width: 57.1em;
  left: 0;
  display: block;
  border-top-style: solid;
  border-top-width: 0.2em;
  border-top-color: #333333;
  border-left-style: solid;
  border-left-width: 0.2em;
  border-left-color: #333333;
  border-right-style: solid;
  border-right-width: 0.2em;
  border-right-color: #333333;
}

.office-title-box {
  /* background: rgb(0, 140, 186); */
  background: #e6e6e6;
  color: #2548A7 !important;
  float: left;
  /* width: 8em; */
  font-size: 0.9em !important;
  padding: 0.4em;
  text-align: center;
  margin: 0 0.6em 0 0;
  text-transform: none;
  border: solid 0.2em #CCC;
}

ul.button-group.office-title-buttons li a.button {
  font-size: 0.84em !important;
  padding: 0.4em 0.8em !important;
  margin-top: 1em !important;
}

.office-title-buttons a.button.active-1 {
  font-size: 1rem;
  background-color: #5984fb;
  border-top: solid 0.3em #B8C6EF !important;
  border-bottom: solid 0.3em #B8C6EF !important;
  border-left: solid 0.3em #B8C6EF !important;
  border-right: solid 0.3em #B8C6EF !important;
}

.office-title-buttons a.button.active-2 {
  font-size: 1rem;
  background-color: #5984fb;
  border-top: solid 0.3em #B8C6EF !important;
  border-bottom: solid 0.3em #B8C6EF !important;
  border-right: solid 0.3em #B8C6EF !important;
}

#office-title ul.button-group.office-title-buttons li a.button {
  font-size: 0.84em !important;
  padding: 0.4em 0.8em !important;
  margin: 0;
}

.hideall {
  display: none;
}

/* RANDOM IMAGE */
.fadeIn {
  -webkit-animation: fade-in 1s ease;
  -moz-animation: fade-in ease-in-out 1s both;
  -ms-animation: fade-in ease-in-out 1s both;
  -o-animation: fade-in ease-in-out 1s both;
  animation: fade-in 1s ease;
  visibility: visible;
  -webkit-backface-visibility: hidden;
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* END RANDOM IMAGE */
.modal-dialog {
  width: 600px;
  margin: 5em auto;
}

.modal-content,
.modal-content p,
.modal-content ul {
  font-size: 0.97rem !important;
  line-height: 1em !important;
}

.modal-header {
  min-height: 16.42857143px !important;
  padding: 0.5em !important;
  background: #f2280e !important;
  color: white !important;
  /* border-bottom: 1px solid #e5e5e5; */
}

.modal-header h4 {
  color: #FFF !important;
}

#cal_viewModal {
  line-height: 1em !important;
  margin-left: 1.5em !important;
  margin-top: -3em !important;
}

.modal-body ul li {
  line-height: 4em !important;
  margin-top: -4em !important;
}

.modal-content ul {
  font-size: 0.97rem !important;
  line-height: 1em !important;
  /* margin-top: -1em; */
  margin: -1em 0 0 1em !important;
}

.silent-line {
  margin: -0.2em 0 0.7em;
  display: block;
  padding: 0;
  font-size: 0.95em;
  color: red;
  font-style: italic;
}

/*SMALLEST DEVICE QUEREY*/
@media only screen and (max-width: 27em) {
  /* CSS rules here */
}
/*
==============================================
CSS3 ANIMATION CHEAT SHEET
==============================================

Made by Justin Aguilar

www.justinaguilar.com/animations/

Questions, comments, concerns, love letters:
justin@justinaguilar.com
==============================================
*/
/*
==============================================
slideDown
==============================================
*/
.slideDown {
  animation-name: slideDown;
  -webkit-animation-name: slideDown;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}

@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  50% {
    transform: translateY(8%);
  }
  65% {
    transform: translateY(-4%);
  }
  80% {
    transform: translateY(4%);
  }
  95% {
    transform: translateY(-2%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
  }
  50% {
    -webkit-transform: translateY(8%);
  }
  65% {
    -webkit-transform: translateY(-4%);
  }
  80% {
    -webkit-transform: translateY(4%);
  }
  95% {
    -webkit-transform: translateY(-2%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
/*
==============================================
slideUp
==============================================
*/
.slideUp {
  animation-name: slideUp;
  -webkit-animation-name: slideUp;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}

@keyframes slideUp {
  0% {
    transform: translateY(100%);
  }
  50% {
    transform: translateY(-8%);
  }
  65% {
    transform: translateY(4%);
  }
  80% {
    transform: translateY(-4%);
  }
  95% {
    transform: translateY(2%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%);
  }
  50% {
    -webkit-transform: translateY(-8%);
  }
  65% {
    -webkit-transform: translateY(4%);
  }
  80% {
    -webkit-transform: translateY(-4%);
  }
  95% {
    -webkit-transform: translateY(2%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
/*
==============================================
slideLeft
==============================================
*/
.slideLeft {
  animation-name: slideLeft;
  -webkit-animation-name: slideLeft;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}

@keyframes slideLeft {
  0% {
    transform: translateX(150%);
  }
  50% {
    transform: translateX(-8%);
  }
  65% {
    transform: translateX(4%);
  }
  80% {
    transform: translateX(-4%);
  }
  95% {
    transform: translateX(2%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform: translateX(150%);
  }
  50% {
    -webkit-transform: translateX(-8%);
  }
  65% {
    -webkit-transform: translateX(4%);
  }
  80% {
    -webkit-transform: translateX(-4%);
  }
  95% {
    -webkit-transform: translateX(2%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
/*
==============================================
slideRight
==============================================
*/
.slideRight {
  animation-name: slideRight;
  -webkit-animation-name: slideRight;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}

@keyframes slideRight {
  0% {
    transform: translateX(-150%);
  }
  50% {
    transform: translateX(8%);
  }
  65% {
    transform: translateX(-4%);
  }
  80% {
    transform: translateX(4%);
  }
  95% {
    transform: translateX(-2%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes slideRight {
  0% {
    -webkit-transform: translateX(-150%);
  }
  50% {
    -webkit-transform: translateX(8%);
  }
  65% {
    -webkit-transform: translateX(-4%);
  }
  80% {
    -webkit-transform: translateX(4%);
  }
  95% {
    -webkit-transform: translateX(-2%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
/*
==============================================
slideExpandUp
==============================================
*/
.slideExpandUp {
  animation-name: slideExpandUp;
  -webkit-animation-name: slideExpandUp;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease -out;
  visibility: visible !important;
}

@keyframes slideExpandUp {
  0% {
    transform: translateY(100%) scaleX(0.5);
  }
  30% {
    transform: translateY(-8%) scaleX(0.5);
  }
  40% {
    transform: translateY(2%) scaleX(0.5);
  }
  50% {
    transform: translateY(0%) scaleX(1.1);
  }
  60% {
    transform: translateY(0%) scaleX(0.9);
  }
  70% {
    transform: translateY(0%) scaleX(1.05);
  }
  80% {
    transform: translateY(0%) scaleX(0.95);
  }
  90% {
    transform: translateY(0%) scaleX(1.02);
  }
  100% {
    transform: translateY(0%) scaleX(1);
  }
}
@-webkit-keyframes slideExpandUp {
  0% {
    -webkit-transform: translateY(100%) scaleX(0.5);
  }
  30% {
    -webkit-transform: translateY(-8%) scaleX(0.5);
  }
  40% {
    -webkit-transform: translateY(2%) scaleX(0.5);
  }
  50% {
    -webkit-transform: translateY(0%) scaleX(1.1);
  }
  60% {
    -webkit-transform: translateY(0%) scaleX(0.9);
  }
  70% {
    -webkit-transform: translateY(0%) scaleX(1.05);
  }
  80% {
    -webkit-transform: translateY(0%) scaleX(0.95);
  }
  90% {
    -webkit-transform: translateY(0%) scaleX(1.02);
  }
  100% {
    -webkit-transform: translateY(0%) scaleX(1);
  }
}
/*
==============================================
expandUp
==============================================
*/
.expandUp {
  animation-name: expandUp;
  -webkit-animation-name: expandUp;
  animation-duration: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}

@keyframes expandUp {
  0% {
    transform: translateY(100%) scale(0.6) scaleY(0.5);
  }
  60% {
    transform: translateY(-7%) scaleY(1.12);
  }
  75% {
    transform: translateY(3%);
  }
  100% {
    transform: translateY(0%) scale(1) scaleY(1);
  }
}
@-webkit-keyframes expandUp {
  0% {
    -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
  }
  60% {
    -webkit-transform: translateY(-7%) scaleY(1.12);
  }
  75% {
    -webkit-transform: translateY(3%);
  }
  100% {
    -webkit-transform: translateY(0%) scale(1) scaleY(1);
  }
}
/*
==============================================
fadeIn
==============================================
*/
.fadeIn {
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}

@keyframes fadeIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  60% {
    transform: scale(1.1);
  }
  80% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.1);
  }
  80% {
    -webkit-transform: scale(0.9);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
/*
==============================================
expandOpen
==============================================
*/
.expandOpen {
  animation-name: expandOpen;
  -webkit-animation-name: expandOpen;
  animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important;
}

@keyframes expandOpen {
  0% {
    transform: scale(1.8);
  }
  50% {
    transform: scale(0.95);
  }
  80% {
    transform: scale(1.05);
  }
  90% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes expandOpen {
  0% {
    -webkit-transform: scale(1.8);
  }
  50% {
    -webkit-transform: scale(0.95);
  }
  80% {
    -webkit-transform: scale(1.05);
  }
  90% {
    -webkit-transform: scale(0.98);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
/*
==============================================
bigEntrance
==============================================
*/
.bigEntrance {
  animation-name: bigEntrance;
  -webkit-animation-name: bigEntrance;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important;
}

@keyframes bigEntrance {
  0% {
    transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2;
  }
  30% {
    transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1;
  }
  45% {
    transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  60% {
    transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  75% {
    transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  90% {
    transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  100% {
    transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes bigEntrance {
  0% {
    -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2;
  }
  30% {
    -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1;
  }
  45% {
    -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  75% {
    -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  90% {
    -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
}
/*
==============================================
hatch
==============================================
*/
.hatch {
  animation-name: hatch;
  -webkit-animation-name: hatch;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  visibility: visible !important;
}

@keyframes hatch {
  0% {
    transform: rotate(0deg) scaleY(0.6);
  }
  20% {
    transform: rotate(-2deg) scaleY(1.05);
  }
  35% {
    transform: rotate(2deg) scaleY(1);
  }
  50% {
    transform: rotate(-2deg);
  }
  65% {
    transform: rotate(1deg);
  }
  80% {
    transform: rotate(-1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes hatch {
  0% {
    -webkit-transform: rotate(0deg) scaleY(0.6);
  }
  20% {
    -webkit-transform: rotate(-2deg) scaleY(1.05);
  }
  35% {
    -webkit-transform: rotate(2deg) scaleY(1);
  }
  50% {
    -webkit-transform: rotate(-2deg);
  }
  65% {
    -webkit-transform: rotate(1deg);
  }
  80% {
    -webkit-transform: rotate(-1deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
/*
==============================================
bounce
==============================================
*/
.bounce {
  animation-name: bounce;
  -webkit-animation-name: bounce;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
}

@keyframes bounce {
  0% {
    transform: translateY(0%) scaleY(0.6);
  }
  60% {
    transform: translateY(-100%) scaleY(1.1);
  }
  70% {
    transform: translateY(0%) scaleY(0.95) scaleX(1.05);
  }
  80% {
    transform: translateY(0%) scaleY(1.05) scaleX(1);
  }
  90% {
    transform: translateY(0%) scaleY(0.95) scaleX(1);
  }
  100% {
    transform: translateY(0%) scaleY(1) scaleX(1);
  }
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0%) scaleY(0.6);
  }
  60% {
    -webkit-transform: translateY(-100%) scaleY(1.1);
  }
  70% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
  }
  80% {
    -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
  }
  90% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
  }
  100% {
    -webkit-transform: translateY(0%) scaleY(1) scaleX(1);
  }
}
/*
==============================================
pulse
==============================================
*/
.pulse {
  animation-name: pulse;
  -webkit-animation-name: pulse;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 0.7;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    opacity: 0.7;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
    opacity: 0.7;
  }
  50% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.95);
    opacity: 0.7;
  }
}
/*
==============================================
floating
==============================================
*/
.floating {
  animation-name: floating;
  -webkit-animation-name: floating;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

@keyframes floating {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(8%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes floating {
  0% {
    -webkit-transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(8%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
/*
==============================================
tossing
==============================================
*/
.tossing {
  animation-name: tossing;
  -webkit-animation-name: tossing;
  animation-duration: 2.5s;
  -webkit-animation-duration: 2.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

@keyframes tossing {
  0% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(4deg);
  }
  100% {
    transform: rotate(-4deg);
  }
}
@-webkit-keyframes tossing {
  0% {
    -webkit-transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(4deg);
  }
  100% {
    -webkit-transform: rotate(-4deg);
  }
}
/*
==============================================
pullUp
==============================================
*/
.pullUp {
  animation-name: pullUp;
  -webkit-animation-name: pullUp;
  animation-duration: 1.1s;
  -webkit-animation-duration: 1.1s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
}

@keyframes pullUp {
  0% {
    transform: scaleY(0.1);
  }
  40% {
    transform: scaleY(1.02);
  }
  60% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(1);
  }
}
@-webkit-keyframes pullUp {
  0% {
    -webkit-transform: scaleY(0.1);
  }
  40% {
    -webkit-transform: scaleY(1.02);
  }
  60% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(1);
  }
}
/*
==============================================
pullDown
==============================================
*/
.pullDown {
  animation-name: pullDown;
  -webkit-animation-name: pullDown;
  animation-duration: 1.1s;
  -webkit-animation-duration: 1.1s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -webkit-transform-origin: 50% 0;
}

@keyframes pullDown {
  0% {
    transform: scaleY(0.1);
  }
  40% {
    transform: scaleY(1.02);
  }
  60% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(1);
  }
}
@-webkit-keyframes pullDown {
  0% {
    -webkit-transform: scaleY(0.1);
  }
  40% {
    -webkit-transform: scaleY(1.02);
  }
  60% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(1);
  }
}
/*
==============================================
stretchLeft
==============================================
*/
.stretchLeft {
  animation-name: stretchLeft;
  -webkit-animation-name: stretchLeft;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  -webkit-transform-origin: 100% 0;
}

@keyframes stretchLeft {
  0% {
    transform: scaleX(0.3);
  }
  40% {
    transform: scaleX(1.02);
  }
  60% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(1);
  }
}
@-webkit-keyframes stretchLeft {
  0% {
    -webkit-transform: scaleX(0.3);
  }
  40% {
    -webkit-transform: scaleX(1.02);
  }
  60% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(1);
  }
}
/*
==============================================
stretchRight
==============================================
*/
.stretchRight {
  animation-name: stretchRight;
  -webkit-animation-name: stretchRight;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}

@keyframes stretchRight {
  0% {
    transform: scaleX(0.3);
  }
  40% {
    transform: scaleX(1.02);
  }
  60% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(1);
  }
}
@-webkit-keyframes stretchRight {
  0% {
    -webkit-transform: scaleX(0.3);
  }
  40% {
    -webkit-transform: scaleX(1.02);
  }
  60% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(1);
  }
}

/*# sourceMappingURL=application.css.map */