/* 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: 'AncizarSans-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: 'AncizarSans-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: 'AncizarSans-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: 'AncizarSans-RegularItalic'; src: url("../fonts/Ancizar-Sans/AncizarSans-RegularItalic.eot"); src: url("../fonts/Ancizar-Sans/AncizarSans-RegularItalic.woff2") format("woff2"), url("../fonts/Ancizar-Sans/AncizarSans-RegularItalic.woff") format("woff"), url("../fonts/Ancizar-Sans/AncizarSans-RegularItalic.ttf") format("truetype"), url("../fonts/Ancizar-Sans/AncizarSans-RegularItalic.svg#AncizarSans-RegularItalic") format("svg"), url("../fonts/Ancizar-Sans/AncizarSans-RegularItalic.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
.active-teachers { float: left; margin: -50px 0 0; padding: 0 80px 50px 40px; width: 80%; }
.active-teachers .section_name { color: #0a526a !important; font-family: 'AncizarSans-BoldItalic', sans-serif !important; font-size: 40px !important; line-height: 1 !important; margin-bottom: 20px; margin-top: 10px; }
.active-teachers .teachers { padding: 20px 0; }
.active-teachers .teachers .teacher { display: inline-block; margin-bottom: 20px; margin-right: 15px; position: relative; width: calc(20% - 15px); cursor: pointer; }
.active-teachers .teachers .teacher:nth-child(5n) { margin-right: 0; }
.active-teachers .teachers .teacher .person-image { margin-bottom: 30px; position: relative; }
.active-teachers .teachers .teacher .person-image .click-button { position: absolute; width: 150px; background-color: #018181; color: #fff; font-family: 'AncizarSans-Regular', sans-serif !important; text-transform: uppercase; font-size: 16px; line-height: 1; display: block; padding: 10px 15px; top: 60%; left: 0; right: 0; margin: 0 auto; text-align: center; opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.active-teachers .teachers .teacher:hover .person-image .click-button { opacity: 1; top: 50%; -webkit-transform: transtaleY(-50%); transform: transtaleY(-50%); }

.person-info { background-color: #fff; border: 1px solid #d0d2d3; top: calc(100% - 30px); left: 0; margin: 0 auto; overflow: hidden; padding: 8px 12px; position: absolute; right: 0; text-align: center; width: 75%; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.person-info .name { color: #0a526a !important; font-family: 'AncizarSans-Bold', sans-serif !important; font-size: 19px; line-height: 1.1; margin: 0; }
.person-info .position { color: #0a526a !important; font-family: 'AncizarSans-RegularItalic', sans-serif !important; font-size: 15px; line-height: 1.1; margin: 0; padding-top: 3px; }

.modal-open { overflow-y: hidden; }

.modal-open .modal { overflow-x: hidden; overflow-y: auto; }

.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; background-color: rgba(205, 205, 205, 0.5); width: 100vw; }
.modal .modal-dialog { width: 65%; position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; max-width: 850px; }
.modal .modal-dialog .modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(111, 111, 111, 0.2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(201, 201, 201, 0.5); }
.modal .modal-dialog .modal-content .close { position: absolute; right: 12px; top: 15px; padding: 0; border: none; background: transparent; color: #58595b; font-size: 35px; outline: none; z-index: 50; line-height: 0.5; }
.modal .modal-dialog .modal-content .modal-body { position: relative; padding: 50px 35px; }
.modal.fade .modal-dialog { -webkit-transition: transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }
.modal.in .modal-dialog { -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }

.person-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.person-detail .person-image { width: 35%; position: relative; }
.person-detail .person-details { width: 65%; padding-left: 50px; position: relative; }
.person-detail .person-details .description { font-size: 17px; margin-bottom: 20px; }
.person-detail .person-details .cvlac { background-color: #53B480; color: #fff !important; display: inline-block; font-family: 'AncizarSans-BoldItalic', sans-serif; font-size: 18px; padding: 7px 15px; }
.person-detail .person-details .email { display: block; font-family: 'AncizarSans-Bold', sans-serif; font-size: 19px; margin-bottom: 20px; }

@media screen and (min-width: 1200px) and (max-width: 1600px) { .active-teachers .teachers .teacher .teacher_info { height: 76px; padding: 8px; }
  .active-teachers .teachers .teacher .teacher_info .teacher_name { font-size: 16px; } }
@media screen and (max-width: 40em) { .active-teachers { margin: 0; width: 100%; padding: 0 15px; }
  .active-teachers .teachers { 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: 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; }
  .active-teachers .teachers .teacher { width: 50%; padding: 0 10px 20px; margin: 0 0 20px; } }