/*Importamos Fuentes, Mixins y Variables*/
@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: '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-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; }
@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: 'AncizarSerif-LightItalic'; src: url("../fonts/Ancizar-Serif/AncizarSerif-LightItalic.eot"); src: url("../fonts/Ancizar-Serif/AncizarSerif-LightItalic.woff2") format("woff2"), url("../fonts/Ancizar-Serif/AncizarSerif-LightItalic.woff") format("woff"), url("../fonts/Ancizar-Serif/AncizarSerif-LightItalic.ttf") format("truetype"), url("../fonts/Ancizar-Serif/AncizarSerif-LightItalic.svg#AncizarSerif-LightItalic") format("svg"), url("../fonts/Ancizar-Serif/AncizarSerif-LightItalic.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'AncizarSerif-Light'; src: url("../fonts/Ancizar-Serif/AncizarSerif-Light.eot"); src: url("../fonts/Ancizar-Serif/AncizarSerif-Light.woff2") format("woff2"), url("../fonts/Ancizar-Serif/AncizarSerif-Light.woff") format("woff"), url("../fonts/Ancizar-Serif/AncizarSerif-Light.ttf") format("truetype"), url("../fonts/Ancizar-Serif/AncizarSerif-Light.svg#AncizarSerif-Light") format("svg"), url("../fonts/Ancizar-Serif/AncizarSerif-Light.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'AncizarSans-Light'; src: url("../fonts/Ancizar-Serif/AncizarSans-Light.eot"); src: url("../fonts/Ancizar-Serif/AncizarSans-Light.woff2") format("woff2"), url("../fonts/Ancizar-Serif/AncizarSans-Light.woff") format("woff"), url("../fonts/Ancizar-Serif/AncizarSans-Light.ttf") format("truetype"), url("../fonts/Ancizar-Serif/AncizarSans-Light.svg#AncizarSans-Light") format("svg"), url("../fonts/Ancizar-Serif/AncizarSans-Light.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Ancizar-Serif-Italic'; src: url("../fonts/Ancizar-Serif/AncizarSerif-Italic.eot"); src: url("../fonts/Ancizar-Serif/AncizarSerif-Italic.woff2") format("woff2"), url("../fonts/Ancizar-Serif/AncizarSerif-Italic.woff") format("woff"), url("../fonts/Ancizar-Serif/AncizarSerif-Italic.ttf") format("truetype"), url("../fonts/Ancizar-Serif/AncizarSerif-Italic.svg#AncizarSerif-Italic") format("svg"), url("../fonts/Ancizar-Serif/AncizarSerif-Italic.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'AncizarSerif-ExtraboldItalic-Italic'; src: url("../fonts/Ancizar-Serif/AncizarSerif-ExtraboldItalic.eot"); src: url("../fonts/Ancizar-Serif/AncizarSerif-ExtraboldItalic.woff2") format("woff2"), url("../fonts/Ancizar-Serif/AncizarSerif-ExtraboldItalic.woff") format("woff"), url("../fonts/Ancizar-Serif/AncizarSerif-ExtraboldItalic.ttf") format("truetype"), url("../fonts/Ancizar-Serif/AncizarSerif-ExtraboldItalic.svg#AncizarSerif-ExtraboldItalic") format("svg"), url("../fonts/Ancizar-Serif/AncizarSerif-ExtraboldItalic.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Lato-Bold'; src: url("../fonts/Lato/Lato-Bold.eot"); src: url("../fonts/Lato/Lato-Bold.woff2") format("woff2"), url("../fonts/Lato/Lato-Bold.woff") format("woff"), url("../fonts/Lato/Lato-Bold.ttf") format("truetype"), url("../fonts/Lato/Lato-Bold.svg#Lato-Bold") format("svg"), url("../fonts/Lato/Lato-Bold.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Lato-Hairline'; src: url("../fonts/Lato/Lato-Hairline.eot"); src: url("../fonts/Lato/Lato-Hairline.woff2") format("woff2"), url("../fonts/Lato/Lato-Hairline.woff") format("woff"), url("../fonts/Lato/Lato-Hairline.ttf") format("truetype"), url("../fonts/Lato/Lato-Hairline.svg#Lato-Hairline") format("svg"), url("../fonts/Lato/Lato-Hairline.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Lato-Semibold'; src: url("../fonts/Lato/Lato-Semibold.eot"); src: url("../fonts/Lato/Lato-Semibold.woff2") format("woff2"), url("../fonts/Lato/Lato-Semibold.woff") format("woff"), url("../fonts/Lato/Lato-Semibold.ttf") format("truetype"), url("../fonts/Lato/Lato-Semibold.svg#Lato-Semibold") format("svg"), url("../fonts/Lato/Lato-Semibold.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Lato-Thin'; src: url("../fonts/Lato/Lato-Thin.eot"); src: url("../fonts/Lato/Lato-Thin.woff2") format("woff2"), url("../fonts/Lato/Lato-Thin.woff") format("woff"), url("../fonts/Lato/Lato-Thin.ttf") format("truetype"), url("../fonts/Lato/Lato-Thin.svg#Lato-Thin") format("svg"), url("../fonts/Lato/Lato-Thin.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
/* Animations */
@-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); transform: translateY(0); }
  40% { -moz-transform: translateY(-5px); transform: translateY(-5px); }
  60% { -moz-transform: translateY(-5px); transform: translateY(-5px); } }
@-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% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -webkit-transform: translateY(-5px); transform: translateY(-5px); }
  60% { -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -webkit-transform: translateY(-5px); transform: translateY(-5px); } }
/*Scale animation*/
@-moz-keyframes scale { 25% { -moz-transform: scale(0.95); transform: scale(0.95); }
  75% { -moz-transform: scale(1.05); transform: scale(1.05); } }
@-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% { -moz-transform: scale(0.95); -ms-transform: scale(0.95); -webkit-transform: scale(0.95); transform: scale(0.95); }
  75% { -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); } }
/* Colors */
/* Fonts */
/* Fonts sizes */
body { background: transparent !important; overflow-x: hidden; }

.ce-books { overflow: hidden; padding: 0 60px 50px 0; }
.ce-books .department-menu { color: #fff; float: left; width: 20%; }
.ce-books .department-menu .filters { background-color: #18526a; padding: 40px 15px; position: relative; }
.ce-books .department-menu .filters .name-faculty { margin-bottom: 30px; padding: 0 5%; position: relative; }
.ce-books .department-menu .filters .name-faculty .bigText { color: #fff !important; font-family: "AncizarSans-BoldItalic", Tahoma, Geneva, sans-serif !important; font-size: 30px !important; letter-spacing: 1px; line-height: 1.4; margin: 0; padding: 0 5px; text-transform: uppercase; }
.ce-books .department-menu .filters .options { display: block; padding: 0 5%; }
.ce-books .department-menu .filters .options .option { background-color: transparent; border: none; border-bottom: 2px solid transparent; display: block; font-family: "Ancizar-Sans-Regular", Tahoma, Geneva, sans-serif !important; font-size: 22px; line-height: 1.1; padding: 11px 5px; position: relative; text-align: left; width: 100%; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.ce-books .department-menu .filters .options .option:hover, .ce-books .department-menu .filters .options .option:active, .ce-books .department-menu .filters .options .option:focus { box-shadow: none; outline: none; }
.ce-books .department-menu .filters .options .option:hover { border-bottom: 2px solid #fff; }
.ce-books .department-menu .filters .options .active { color: #3CCDC9 !important; }
.ce-books .department-menu .social-share { display: block; margin-top: 20px; padding: 25px 0 15px 25px; position: relative; text-align: left; }
.ce-books .department-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; }
.ce-books .department-menu .social-share .twitter_image, .ce-books .department-menu .social-share .facebook_image { background: url(https://www.humanas.unal.edu.co/correo/2026/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; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.ce-books .department-menu .social-share .twitter_image:hover, .ce-books .department-menu .social-share .twitter_image:active, .ce-books .department-menu .social-share .twitter_image:focus, .ce-books .department-menu .social-share .facebook_image:hover, .ce-books .department-menu .social-share .facebook_image:active, .ce-books .department-menu .social-share .facebook_image:focus { background-position: 1px 1px; }
.ce-books .department-menu .social-share .facebook_image { background: url(https://www.humanas.unal.edu.co/correo/2026/noviembre/social-icons/facebook.png) no-repeat 0 0 transparent; background-position: 2px -60px; }
.ce-books .department-menu .social-share .facebook_image:hover, .ce-books .department-menu .social-share .facebook_image:active, .ce-books .department-menu .social-share .facebook_image:focus { background-position: 2px 1px; }
.ce-books .department-menu .social-share .facebook { margin: 0 5px; vertical-align: top; }
.ce-books .teachers { border: none; background-color: #fff; float: left; padding: 40px 0 50px 40px; width: 80% !important; }
.ce-books .teachers .active-department { color: #0a526a !important; display: inline-block; font-family: "AncizarSans-BoldItalic", Tahoma, Geneva, sans-serif !important; font-size: 40px !important; line-height: 1 !important; margin-bottom: 35px; margin-top: 0; padding-left: 15px; }
.ce-books .teachers .teacher_search { float: right; margin-bottom: 35px; padding-right: 15px; position: relative; width: 40%; }
.ce-books .teachers .teacher_search .search { border: 2px solid #0a526a; float: right; font-size: 18px; padding: 8px 25px; position: relative; width: 70%; padding-right: 20px; background-repeat: no-repeat; background-position-x: calc(100% - 10px); background-position-y: 12px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADbSURBVDhP5ZI9C4MwEIb7//+BEDgICA6C4OQgBJy6dRIEB6EgCNkEJ4e3iT2oHzH9wHbpAwfyJvfkJDnhYH4kHDVKlSAigSAQoCiBKjVGXvaxFXZnxBQYkSlBICII+22K4jM63rbHSthCSdsskVX9Y6KxR5XJSSpVy6GbpbBKp6aw0BzM0ShCe1iKihMXC6EuQtMQwukzPFu3fFd4+C+/cimUNxy6WQkNnmdzL3NYPfDmLVuhZf2wZYz80qDkKX1St3CXAfVMqq4cz3hTaGEpmctxDPmB0M/fCYEbAwZYyVKYcroAAAAASUVORK5CYII=); }
.ce-books .teachers .teacher_search .search:hover, .ce-books .teachers .teacher_search .search:focus, .ce-books .teachers .teacher_search .search:active { outline: none; }
.ce-books .teachers .teachers-content { position: relative; }
.ce-books .teachers .teachers-content .teacher { float: left; padding: 0 5px 10px; position: relative; width: 20%; }
.ce-books .teachers .teachers-content .teacher .teacher-link { display: block; margin: 0 auto; margin-bottom: 15px; position: relative; width: 98%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.ce-books .teachers .teachers-content .teacher .teacher-link .teacher-info { display: block; padding: 10px 2px; position: relative; text-align: center; }
.ce-books .teachers .teachers-content .teacher .teacher-link .teacher-info img { border: 1px solid #d1d1d1; display: inline-block; width: 95%; }
.ce-books .teachers .teachers-content .teacher .teacher-link .teacher-info .teacher-name { color: #34546C !important; font-family: "AncizarSans-Bold", Tahoma, Geneva, sans-serif; font-size: 20px; min-height: 60px; line-height: 1; margin: 0; overflow: hidden; padding: 15px 8px 0; text-align: center; }
.ce-books .teachers .teachers-content .teacher .teacher-link .teacher-info .teacher-position { color: #34546C !important; display: block; font-family: "AncizarSans-RegularItalic", Tahoma, Geneva, sans-serif; font-size: 16px; height: 25px; line-height: 0.9; overflow: hidden; padding: 3px 10px 7px; }
.ce-books .teachers .teachers-content .teacher .teacher-link .teacher-info .price { color: #368381 !important; font-family: "AncizarSans-Bold", Tahoma, Geneva, sans-serif; font-size: 21px; line-height: 1.1; margin: 0; padding: 0; text-transform: uppercase; }
.ce-books .teachers .teachers-content .teacher .teacher-link:hover, .ce-books .teachers .teachers-content .teacher .teacher-link:active, .ce-books .teachers .teachers-content .teacher .teacher-link:focus { outline: none; text-decoration: none; -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.35); }
.ce-books .teachers .teachers__content { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; width: 100%; padding: 20px 15px; }
.ce-books .teachers .teachers__content .teacher { width: 32%; }
.ce-books .teachers .teachers__content .teacher .teacher__link { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; align-content: stretch; width: 100%; position: relative; border-top-right-radius: 5px; border-bottom-right-radius: 5px; overflow: hidden; }
.ce-books .teachers .teachers__content .teacher .teacher__link .teacher__image { max-width: 40%; height: auto; }
.ce-books .teachers .teachers__content .teacher .teacher__link .teacher__info { width: 60%; background-color: #f6f6f6; padding: 5%; text-align: center; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: stretch; }
.ce-books .teachers .teachers__content .teacher .teacher__link .teacher__info .teacher__main-info { padding: 5% 5% 10%; width: 100%; border-bottom: 1px solid #34546C; }
.ce-books .teachers .teachers__content .teacher .teacher__link .teacher__info .teacher__main-info .teacher__name { color: #34546C !important; font-family: "AncizarSans-Bold", Tahoma, Geneva, sans-serif; font-size: 20spx; min-height: 60px; line-height: 1; margin: 0; overflow: hidden; padding: 15px 8px 0; text-transform: uppercase; text-align: center; }
.ce-books .teachers .teachers__content .teacher .teacher__link .teacher__info .teacher__main-info .teacher__position { color: #34546C !important; display: block; font-family: "AncizarSans-RegularItalic", Tahoma, Geneva, sans-serif; font-size: 18px; height: 25px; line-height: 0.9; overflow: hidden; padding: 10px; }
.ce-books .teachers .teachers__content .teacher .teacher__link .teacher__info .teacher__contact { width: 100%; padding: 10% 0 5%; }
.ce-books .teachers .teachers__content .teacher .teacher__link .teacher__info .teacher__contact .teacher__email { color: #34546C !important; display: block; font-family: 'AncizarSans-BoldItalic', sans-serif; font-size: 19px; letter-spacing: 0.5px; overflow: hidden; }
.ce-books .teachers .teachers__content .teacher .teacher__link .teacher__info .teacher__contact .teacher__phone { color: #34546C !important; display: block; font-family: "AncizarSans-RegularItalic", Tahoma, Geneva, sans-serif; font-size: 18px; letter-spacing: 1px; overflow: hidden; margin: 0; }
.ce-books .teachers .teachers__content .teacher .teacher__link .teacher__uab { position: absolute; top: 0; right: 0; color: #fff; background-color: #0a526a; font-family: 'AncizarSans-BoldItalic', sans-serif; font-size: 19px; padding: 7px 5px 5px; width: 95px; display: block; text-align: center; line-height: 1; border-bottom-left-radius: 5px; }
.ce-books .teachers .teachers__content .teacher .teacher__link .teacher__uab.escuela_genero, .ce-books .teachers .teachers__content .teacher .teacher__link .teacher__uab.escuela_psicoanalisis { background-color: #71384d; }
.ce-books .teachers .teachers__content .teacher .teacher__link .teacher__uab.ces { background-color: #ebb143; }
.ce-books .teachers .teachers__content .teacher .teacher__link .teacher__uab.instituto_educacion { background-color: #3ccdc9; }
.ce-books .teachers .teachers__content .teacher:nth-child(3n + 2) { margin: 0 2% 2%; }

@media screen and (max-width: 1700px) { .ce-books { padding-right: 30px; }
  .ce-books .teachers { padding-left: 30px; }
  .ce-books .teachers .teachers__content .teacher { width: 32%; }
  .ce-books .teachers .teachers__content .teacher .teacher__link .teacher__info .teacher__main-info .teacher__name { font-size: 17px; padding: 15px 5px 0; }
  .ce-books .teachers .teachers__content .teacher .teacher__link .teacher__info .teacher__main-info .teacher__position { font-size: 16px; }
  .ce-books .teachers .teachers__content .teacher .teacher__link .teacher__info .teacher__contact .teacher__email { font-size: 17px; }
  .ce-books .teachers .teachers__content .teacher .teacher__link .teacher__info .teacher__contact .teacher__phone { font-size: 16px; }
  .ce-books .teachers .teachers__content .teacher .teacher__link .teacher__uab { font-size: 18px; padding: 8px 5px 5px; width: 90px; } }
@media screen and (max-width: 1440px) { .ce-books { padding-right: 40px; }
  .ce-books .teachers .teachers__content .teacher { width: 47.5%; }
  .ce-books .teachers .teachers__content .teacher .teacher__link .teacher__image { max-width: 37%; }
  .ce-books .teachers .teachers__content .teacher .teacher__link .teacher__info { width: 63%; }
  .ce-books .teachers .teachers__content .teacher .teacher__link .teacher__info .teacher__main-info .teacher__name { font-size: 20px; }
  .ce-books .teachers .teachers__content .teacher .teacher__link .teacher__info .teacher__main-info .teacher__position { font-size: 18px; }
  .ce-books .teachers .teachers__content .teacher .teacher__link .teacher__info .teacher__contact .teacher__email { font-size: 19px; }
  .ce-books .teachers .teachers__content .teacher .teacher__link .teacher__info .teacher__contact .teacher__phone { font-size: 18px; }
  .ce-books .teachers .teachers__content .teacher .teacher__link .teacher__uab { font-size: 20px; }
  .ce-books .teachers .teachers__content .teacher:nth-child(3n + 2) { margin: 0 0 4%; }
  .ce-books .teachers .teachers__content .teacher:nth-child(2n + 1) { margin: 0 5% 4% 0; } }
@media screen and (max-width: 640px) { .ce-books { padding: 0; }
  .ce-books .teachers { padding: 30px 25px; width: 100% !important; }
  .ce-books .teachers .active-department { padding: 0; font-size: 35px !important; line-height: 0.9 !important; margin-bottom: 25px; }
  .ce-books .teachers .teacher_search { width: 100%; float: unset; padding-right: 0; margin-bottom: 20px; }
  .ce-books .teachers .teacher_search .search { width: 100%; font-size: 16px; padding: 8px 15px; }
  .ce-books .teachers .teachers__content { flex-direction: column; padding: 15px 0; }
  .ce-books .teachers .teachers__content .teacher { margin: 0 0 25px; width: 100%; }
  .ce-books .teachers .teachers__content .teacher:nth-child(2n + 1) { margin-right: 0; }
  .ce-books .teachers .teachers__content .teacher:nth-child(3n + 2) { margin-bottom: 25px; }
  .ce-books .teachers .teachers__content .teacher .teacher__link .teacher__image { max-width: 40%; }
  .ce-books .teachers .teachers__content .teacher .teacher__link .teacher__uab { font-size: 17px; width: 80px; }
  .ce-books .teachers .teachers__content .teacher .teacher__link .teacher__info { width: 60%; }
  .ce-books .teachers .teachers__content .teacher .teacher__link .teacher__info .teacher__main-info { padding: 15% 0 7%; }
  .ce-books .teachers .teachers__content .teacher .teacher__link .teacher__info .teacher__main-info .teacher__name { padding: 0; font-size: 17px; min-height: 50px; }
  .ce-books .teachers .teachers__content .teacher .teacher__link .teacher__info .teacher__main-info .teacher__position { font-size: 16px; padding: 0; height: auto; }
  .ce-books .teachers .teachers__content .teacher .teacher__link .teacher__info .teacher__contact { padding: 5% 0; }
  .ce-books .teachers .teachers__content .teacher .teacher__link .teacher__info .teacher__contact .teacher__email { font-size: 18px; letter-spacing: 0; margin: 5px 0; }
  .ce-books .teachers .teachers__content .teacher .teacher__link .teacher__info .teacher__contact .teacher__phone { font-size: 16px; letter-spacing: 0; }
  .mobile-filters .filter-select { margin-bottom: 20px; outline: none; padding: 8px 35px 8px 15px; font-size: 16px; border: 2px solid #0a526a; border-radius: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; background-color: #ffffff; background-image: linear-gradient(65deg, transparent 50%, #0a526a 50%), linear-gradient(115deg, #0a526a 50%, transparent 50%); background-position: calc(100% - 20px) 15px, calc(100% - 15px) 15px; background-size: 6px 9px, 5px 9px; background-repeat: no-repeat; } }
@media screen and (max-width: 320px) { .ce-books .teachers .teachers__content .teacher .teacher__link .teacher__info .teacher__main-info .teacher__name { font-size: 15px; min-height: 45px; }
  .ce-books .teachers .teachers__content .teacher .teacher__link .teacher__info .teacher__main-info .teacher__position { font-size: 15px; }
  .ce-books .teachers .teachers__content .teacher .teacher__link .teacher__uab { font-size: 16px; width: 65px; padding: 5px 5px 2px; }
  .ce-books .teachers .teachers__content .teacher .teacher__link .teacher__info .teacher__contact .teacher__email, .ce-books .teachers .teachers__content .teacher .teacher__link .teacher__info .teacher__contact .teacher__phone { font-size: 15px; }
  .ce-books .teachers .teachers__content .teacher .teacher__link .teacher__info { padding: 5% 5% 1%; } }