/* 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; }
.history-menu { float: left; position: relative; width: 20%; }
.history-menu .department-menu { background-color: #e1e2e3; color: #676767; display: block; padding-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -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; }
.history-menu .department-menu .name-faculty { margin: 0; padding: 0 10%; text-align: center; }
.history-menu .department-menu .name-faculty .home_link { display: block; position: relative; width: 100%; }
.history-menu .department-menu .name-faculty .home_link .bigText { color: #b7b9bb; font-family: 'Ancizar-Sans-Black', sans-serif; font-size: 50px; line-height: 0.95; text-transform: uppercase; }
.history-menu .department-menu .name-faculty .home_link .bigText .littleText { display: block; font-family: 'Ancizar-Sans-Thin', sans-serif; font-size: 25px; letter-spacing: 1px; line-height: 1.4; }
.history-menu .department-menu #menu-department { position: relative; width: 100%; }
.history-menu .department-menu #menu-department .menu-items { list-style: none; margin: 0; padding: 10px 10%; }
.history-menu .department-menu #menu-department .menu-items .menu-item { border-bottom: 1px solid #b3b5b8; width: 100%; }
.history-menu .department-menu #menu-department .menu-items .menu-item .link_item { color: #676767; display: block; font-family: 'Ancizar-Sans-Bold', sans-serif; font-size: 19px; padding: 13px 0; text-transform: uppercase; }
.history-menu .department-menu #menu-department .menu-items .menu-item .link_item:hover, .history-menu .department-menu #menu-department .menu-items .menu-item .link_item:active, .history-menu .department-menu #menu-department .menu-items .menu-item .link_item:focus { color: #676767; outline: none; text-decoration: none; }
.history-menu .department-menu #menu-department .menu-items .menu-item .submenu { display: none; list-style: none; margin: 0 0 5px; padding: 0 5px 0; }
.history-menu .department-menu #menu-department .menu-items .menu-item .submenu .item_submenu .link { color: #676767; display: block; font-family: 'Ancizar-Sans-Bold', sans-serif; font-size: 16px; padding: 7px 0 4px; text-transform: capitalize; }
.history-menu .department-menu #menu-department .menu-items .menu-item .submenu .item_submenu .link:hover, .history-menu .department-menu #menu-department .menu-items .menu-item .submenu .item_submenu .link:active, .history-menu .department-menu #menu-department .menu-items .menu-item .submenu .item_submenu .link:focus { color: #676767; outline: none; text-decoration: none; }
.history-menu .department-menu #menu-department .menu-items .menu-item .submenu .item_submenu .link i { font-size: 13px; }
.history-menu .department-menu #menu-department .menu-items .menu-item .submenu .item_submenu .final_submenu { display: none; padding: 0 15px; list-style: none; }
.history-menu .department-menu #menu-department .menu-items .menu-item .submenu .item_submenu .final_submenu .final_item .link { color: #676767; font-family: 'Ancizar-Sans-Regular', sans-serif; font-size: 15px; padding: 3px 0 2px; text-transform: capitalize; }
.history-menu .department-menu #menu-department .menu-items .menu-item .submenu .item_submenu .final_submenu .active .link { color: #038d8c; }
.history-menu .department-menu #menu-department .menu-items .menu-item .submenu .active .link, .history-menu .department-menu #menu-department .menu-items .menu-item .submenu .active i { color: #038d8c; }
.history-menu .department-menu #menu-department .menu-items .menu-item .submenu .active .link:hover, .history-menu .department-menu #menu-department .menu-items .menu-item .submenu .active .link:active, .history-menu .department-menu #menu-department .menu-items .menu-item .submenu .active .link:focus, .history-menu .department-menu #menu-department .menu-items .menu-item .submenu .active i:hover, .history-menu .department-menu #menu-department .menu-items .menu-item .submenu .active i:active, .history-menu .department-menu #menu-department .menu-items .menu-item .submenu .active i:focus { color: #038d8c; outline: none; text-decoration: none; }
.history-menu .department-menu #menu-department .menu-items .menu-item .submenu .active .final_submenu { display: block; }
.history-menu .department-menu #menu-department .menu-items .menu-item:last-child { border: none; }
.history-menu .department-menu #menu-department .menu-items .active .link_item { color: #038d8c; }
.history-menu .department-menu #menu-department .menu-items .active .link_item:hover, .history-menu .department-menu #menu-department .menu-items .active .link_item:active, .history-menu .department-menu #menu-department .menu-items .active .link_item:focus { color: #038d8c; outline: none; text-decoration: none; }
.history-menu .department-menu #menu-department .menu-items .active .submenu { display: block; }
.history-menu .social-share { display: block; margin-top: 20px; padding: 25px 0 15px 25px; position: relative; text-align: left; }
.history-menu .social-share .name { color: #b7b9bb; display: block; font-family: 'AncizarSans-BoldItalic', sans-serif; font-size: 30px; margin-bottom: 25px; padding-left: 5px; text-align: right; }
.history-menu .social-share .twitter_image, .history-menu .social-share .facebook_image { background: url(http://www.humanas.unal.edu.co/correo/2017/noviembre/social-icons/twitter.png) no-repeat 0 0 transparent; background-position: 1px -60px; display: block; margin-left: calc(100% - 62px); margin-top: 5px; overflow: hidden; position: relative; height: 62px; width: 62px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.history-menu .social-share .twitter_image:hover, .history-menu .social-share .twitter_image:active, .history-menu .social-share .twitter_image:focus, .history-menu .social-share .facebook_image:hover, .history-menu .social-share .facebook_image:active, .history-menu .social-share .facebook_image:focus { background-position: 1px 1px; }
.history-menu .social-share .facebook_image { background: url(http://www.humanas.unal.edu.co/correo/2017/noviembre/social-icons/facebook.png) no-repeat 0 0 transparent; background-position: 2px -60px; }
.history-menu .social-share .facebook_image:hover, .history-menu .social-share .facebook_image:active, .history-menu .social-share .facebook_image:focus { background-position: 2px 1px; }
.history-menu .social-share .facebook { margin: 0 5px; vertical-align: top; }

@media screen and (max-width: 40em) { .history-menu { width: 100%; }
  .history-menu .department-menu { padding: 0; }
  .history-menu .department-menu .name-faculty { padding: 5px 10px 3px 25px; 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: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: stretch; align-content: stretch; }
  .history-menu .department-menu .name-faculty .home_link { width: 80%; }
  .history-menu .department-menu .name-faculty .home_link .bigText { margin: 0; font-size: 35px; text-align: left; }
  .history-menu .department-menu .name-faculty .home_link .bigText .littleText { font-size: 21.5px; }
  .history-menu .department-menu .name-faculty button { margin: 0; margin-left: calc(20% - 45px); width: 45px; padding: 11px 0 5px; position: relative; text-align: center; font-size: 30px; line-height: 1; }
  .history-menu .department-menu .name-faculty button i { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
  .history-menu .department-menu #menu-department { border-top: 1px solid #b3b5b8; }
  .history-menu .department-menu #menu-department .menu-items { padding: 10px 15px; }
  .history-menu .department-menu #menu-department .menu-items .submenu { margin: 0 0 15px; }
  .history-menu .social-share { display: none; } }
@media screen and (max-width: 25em) { .history-menu .department-menu .name-faculty .home_link .bigText { font-size: 28px; } }