/* 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-BlackItalic'; src: url("../fonts/Ancizar-Sans/AncizarSans-BlackItalic.eot"); src: url("../fonts/Ancizar-Sans/AncizarSans-BlackItalic.woff2") format("woff2"), url("../fonts/Ancizar-Sans/AncizarSans-BlackItalic.woff") format("woff"), url("../fonts/Ancizar-Sans/AncizarSans-BlackItalic.ttf") format("truetype"), url("../fonts/Ancizar-Sans/AncizarSans-BlackItalic.svg#AncizarSans-BlackItalic") format("svg"), url("../fonts/Ancizar-Sans/AncizarSans-BlackItalic.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-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-LightItalic'; src: url("../fonts/Ancizar-Sans/AncizarSans-LightItalic.eot"); src: url("../fonts/Ancizar-Sans/AncizarSans-LightItalic.woff2") format("woff2"), url("../fonts/Ancizar-Sans/AncizarSans-LightItalic.woff") format("woff"), url("../fonts/Ancizar-Sans/AncizarSans-LightItalic.ttf") format("truetype"), url("../fonts/Ancizar-Sans/AncizarSans-LightItalic.svg#AncizarSans-LightItalic") format("svg"), url("../fonts/Ancizar-Sans/AncizarSans-LightItalic.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; }
.activities { float: left; margin: -20px 0 20px; padding: 0 80px; width: calc(100%); }
.activities .filters { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }
.activities .filters .categories { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 20px; width: 40%; }
.activities .filters .categories label { background-color: #00957d; border-radius: 7px 0 0 7px; color: #fff; font-family: 'Ancizar-Sans-BoldItalic', sans-serif; font-size: 21px; padding: 5px; position: relative; text-align: center; text-transform: uppercase; width: 30%; }
.activities .filters .categories .options { background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%), linear-gradient(to right, #00957d, #00957d); background-position: calc(100% - 18px), calc(100% - 11px), 100% 0; background-size: 8px 8px, 8px 8px, 1.7em 1.8em; background-repeat: no-repeat; border: 1px solid #00957d; border-radius: 0 7px 7px 0; color: #00957d; font-family: 'Ancizar-Sans-BoldItalic', sans-serif; font-size: 22px; height: 40px; padding-left: 10px; position: relative; text-transform: uppercase; width: 70%; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }
.activities .filters .categories .options:hover, .activities .filters .categories .options:focus, .activities .filters .categories .options:active { outline: none; }
.activities .filters .categories .options::-ms-expand { display: none; }
.activities .filters .sorting-buttons { text-align: right; width: 60%; }
.activities .filters .sorting-buttons span { color: #00957d; font-family: 'Ancizar-Sans-BoldItalic', sans-serif; font-size: 22px; margin-right: 5%; }
.activities .filters .sorting-buttons .button-group button { background: #fff; color: #00957d; font-family: 'Ancizar-Sans-BoldItalic', sans-serif; font-size: 18px; height: 40px; text-align: center; border: 1px solid #00957d; border-radius: 0; padding-left: 25px; padding-right: 25px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.activities .filters .sorting-buttons .button-group button:hover { background: #b0e0d8; outline: none; }
.activities .filters .sorting-buttons .button-group button:active, .activities .filters .sorting-buttons .button-group button:focus { outline: none; }
.activities .filters .sorting-buttons .button-group .is-checked { background: #00957d; color: #fff; }
.activities .filters .sorting-buttons .button-group .is-checked:hover { background: #00957d; }
.activities .activities-content { -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; 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; margin: 30px -20px; padding: 0; position: relative; }
.activities .activities-content .activity { display: block; margin: 0; padding: 15px 20px 20px; position: relative; width: 25%; }
.activities .activities-content .activity .content { display: block; position: relative; }
.activities .activities-content .activity .content .image { display: block; position: relative; }
.activities .activities-content .activity .content .activity-info { color: #fff; line-height: 1.1; overflow: hidden; padding: 10px 15px; position: static; text-align: center; width: 100%; }
.activities .activities-content .activity .content .activity-info .name { color: #fff !important; font-family: 'Ancizar-Sans-BoldItalic', sans-serif; font-size: 22px; height: 46px; line-height: 1.1; margin: 0 0 5px; overflow: hidden; padding-top: 10px; }
.activities .activities-content .activity .content .activity-info .name.big_string { font-size: 21px; padding-top: 0; }
.activities .activities-content .activity .content .activity-info .date_activity { color: #fff !important; font-family: 'Ancizar-Sans-LightItalic', sans-serif; font-size: 18px; margin: 0; text-transform: inherit; }
.activities .activities-content .fisicas_y_deportivas .content .activity-info { background-color: #FF1E67; }
.activities .activities-content .grupos_estudiantiles .content .activity-info { background-color: #FF6218; }
.activities .activities-content .programa_de_egresados .content .activity-info { background-color: #00957d; }
.activities .activities-content .actividades_de_genero .content .activity-info { background-color: #F95555; }
.activities .activities-content .otras_actividades .content .activity-info { background-color: #1E213E; }