/* Animations */
@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
  60% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } }
@keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
  60% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } }
/*Scale animation*/
@-webkit-keyframes scale { 25% { -webkit-transform: scale(0.95); transform: scale(0.95); }
  75% { -webkit-transform: scale(1.05); transform: scale(1.05); } }
@keyframes scale { 25% { -webkit-transform: scale(0.95); transform: scale(0.95); }
  75% { -webkit-transform: scale(1.05); transform: scale(1.05); } }
@font-face { font-family: 'Ancizar-Sans-BoldItalic'; src: url("../fonts/Ancizar-Sans/AncizarSans-BoldItalic.eot"); src: url("../fonts/Ancizar-Sans/AncizarSans-BoldItalic.woff2") format("woff2"), url("../fonts/Ancizar-Sans/AncizarSans-BoldItalic.woff") format("woff"), url("../fonts/Ancizar-Sans/AncizarSans-BoldItalic.ttf") format("truetype"), url("../fonts/Ancizar-Sans/AncizarSans-BoldItalic.svg#AncizarSans-BoldItalic") format("svg"), url("../fonts/Ancizar-Sans/AncizarSans-BoldItalic.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Ancizar-Sans-Regular'; src: url("../fonts/Ancizar-Sans/AncizarSans-Regular.eot"); src: url("../fonts/Ancizar-Sans/AncizarSans-Regular.woff2") format("woff2"), url("../fonts/Ancizar-Sans/AncizarSans-Regular.woff") format("woff"), url("../fonts/Ancizar-Sans/AncizarSans-Regular.ttf") format("truetype"), url("../fonts/Ancizar-Sans/AncizarSans-Regular.svg#AncizarSans-Regular") format("svg"), url("../fonts/Ancizar-Sans/AncizarSans-Regular.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Ancizar-Sans-Bold'; src: url("../fonts/Ancizar-Sans/AncizarSans-Bold.eot"); src: url("../fonts/Ancizar-Sans/AncizarSans-Bold.woff2") format("woff2"), url("../fonts/Ancizar-Sans/AncizarSans-Bold.woff") format("woff"), url("../fonts/Ancizar-Sans/AncizarSans-Bold.ttf") format("truetype"), url("../fonts/Ancizar-Sans/AncizarSans-Bold.svg#AncizarSans-Bold") format("svg"), url("../fonts/Ancizar-Sans/AncizarSans-Bold.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Ancizar-Sans-Thin'; src: url("../fonts/Ancizar-Sans/AncizarSans-Thin.eot"); src: url("../fonts/Ancizar-Sans/AncizarSans-Thin.woff2") format("woff2"), url("../fonts/Ancizar-Sans/AncizarSans-Thin.woff") format("woff"), url("../fonts/Ancizar-Sans/AncizarSans-Thin.ttf") format("truetype"), url("../fonts/Ancizar-Sans/AncizarSans-Thin.svg#AncizarSans-Thin") format("svg"), url("../fonts/Ancizar-Sans/AncizarSans-Thin.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Ancizar-Sans-Black'; src: url("../fonts/Ancizar-Sans/AncizarSans-Black.eot"); src: url("../fonts/Ancizar-Sans/AncizarSans-Black.woff2") format("woff2"), url("../fonts/Ancizar-Sans/AncizarSans-Black.woff") format("woff"), url("../fonts/Ancizar-Sans/AncizarSans-Black.ttf") format("truetype"), url("../fonts/Ancizar-Sans/AncizarSans-Black.svg#AncizarSans-Black") format("svg"), url("../fonts/Ancizar-Sans/AncizarSans-Black.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
.department-top-image { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.department-top-image .department-menu { background-color: #e1e2e3; color: #676767; width: 20%; }
.department-top-image .department-menu .name-faculty { margin: 70px 0 0; padding: 0 5%; text-align: center; }
.department-top-image .department-menu .name-faculty .bigText { color: #b7b9bb; font-family: 'Ancizar-Sans-Black', sans-serif; font-size: 30px; line-height: 0.95; text-transform: uppercase; }
.department-top-image .department-menu .name-faculty .bigText .littleText { display: block; font-family: 'Ancizar-Sans-Thin', sans-serif; font-size: 22px; letter-spacing: 1px; line-height: 1.4; }
.department-top-image .department-menu .menu-items { list-style: none; margin: 20px 0 0; padding: 10px 10%; }
.department-top-image .department-menu .menu-items .menu-item { border-bottom: 1px solid #b3b5b8; width: 100%; }
.department-top-image .department-menu .menu-items .menu-item .link { color: #676767; display: block; font-family: 'Ancizar-Sans-Regular', sans-serif; font-size: 18px; padding: 15px 0; text-transform: uppercase; }
.department-top-image .department-menu .menu-items .menu-item .link:hover, .department-top-image .department-menu .menu-items .menu-item .link:active, .department-top-image .department-menu .menu-items .menu-item .link:focus { outline: none; text-decoration: none; }
.department-top-image .department-menu .menu-items .menu-item:last-child { border: none; }
.department-top-image .slider-container { margin: 0; position: relative; width: 80%; }
.department-top-image .slider-container .department-image { display: block; position: relative; }
.department-top-image .slider-container .department-image .image-top { display: block; padding: 0; }
.department-top-image .slider-container .department-image .name-faculty { bottom: 10%; position: absolute; right: 5%; text-align: center; }
.department-top-image .slider-container .department-image .name-faculty .bigText { color: #fff; font-family: 'Ancizar-Sans-Black', sans-serif; font-size: 65px; letter-spacing: 1px; line-height: 0.7; text-align: right; text-shadow: 0px 3px 3px #969696; text-transform: uppercase; }
.department-top-image .slider-container .department-image .name-faculty .bigText .littleText { display: block; font-family: 'Ancizar-Sans-Thin', sans-serif; font-size: 45px; letter-spacing: 1px; line-height: 1.5; }
.department-top-image .slider-container .department-image .mask { background-color: rgb(255,255,255); bottom: 0; left: 0; position: absolute; right: 0; top: 0; mix-blend-mode: multiply; }
.department-top-image .slider-container .slick-arrow { background-color: rgba(255, 255, 255, 0.45); border: none; font-size: 25px; height: 100px; outline: none; position: absolute; top: 38%; width: 50px; }
.department-top-image .slider-container .slick-arrow.prev { left: 0px; }
.department-top-image .slider-container .slick-arrow.next { right: 0px; }

@media screen and (max-width: 100em) { .department-top-image .department-menu .name-faculty { margin-top: 50px; }
  .department-top-image .department-menu .name-faculty .bigText { font-size: 28px; }
  .department-top-image .department-menu .name-faculty .bigText .littleText { font-size: 20px; }
  .department-top-image .department-menu .menu-items { padding: 10px 5%; }
  .department-top-image .department-menu .menu-items .menu-item .link { font-size: 15px; padding: 10px 0; }
  .department-top-image .slider-container .department-image .name-faculty .bigText { font-size: 60px; }
  .department-top-image .slider-container .department-image .name-faculty .bigText .littleText { font-size: 40px; } }
@media screen and (max-width: 40em) { .department-top-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
  .department-top-image .department-menu { display: block; height: auto; left: unset; position: relative; width: 100%; }
  .department-top-image .department-menu .name-faculty { display: none; }
  .department-top-image .slider-container { margin: 0; width: 100%; }
  .department-top-image .slider-container .department-image .name-faculty { bottom: 28%; left: 0; right: 0; margin: 0 auto; width: 75%; }
  .department-top-image .slider-container .department-image .name-faculty .bigText { font-size: 35px; line-height: 0.85; margin: 0; text-align: center; }
  .department-top-image .slider-container .department-image .name-faculty .bigText .littleText { font-size: 24px; line-height: 1; }
  .menu-nav .navbar-header { background-color: #e1e2e3; }
  .menu-nav .navbar-header .navbar-toggle { background-color: #909090; border-radius: 0; margin: 0; padding: 10px 15px 8px; }
  .menu-nav .navbar-header .navbar-toggle i { color: #fff; }
  .menu-nav .navbar-header .menu-name { color: #676767; display: block; font-family: 'Ancizar-Sans-Bold', sans-serif; text-transform: uppercase; font-size: 20px; padding: 7px 20px 5px; }
  #menu-department { border-top: none; padding: 0; }
  #menu-department .menu-items { bottom: unset; left: unset; padding: 10px 0; position: relative; text-align: left; }
  #menu-department .menu-items .menu-item { display: block; width: 100%; }
  #menu-department .menu-items .menu-item .link { background-color: #e1e2e3; color: #676767 !important; font-size: 17px; padding: 10px 5%; text-transform: uppercase !important; }
  #menu-department .menu-items .menu-item .link:hover::before, #menu-department .menu-items .menu-item .link:active::before, #menu-department .menu-items .menu-item .link:focus::before { background-color: transparent; left: 50%; right: 50%; }
  #menu-department .menu-items .active .item { background-color: #e1e2e3; }
  #menu-department .menu-items .active .item::before { background-color: #e1e2e3; left: 0; right: 0; }
  #menu-department .menu-items .active .item:hover::before, #menu-department .menu-items .active .item:active::before, #menu-department .menu-items .active .item:focus::before { background-color: #e1e2e3; left: 0; right: 0; }
  .department-top-image .slider-container .slick-arrow { width: 35px; height: 75px; top: 28%; } }