@charset "UTF-8";
@import url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
/* sticky footer */
body {
  padding-top: 60px !important; }

.grey-bg {
  background-color: #ececec; }

.ccd {
  font-size: 14px;
  /* Search */
  /* Demo 2 */
  /* Loader */
  /* CCD's CSS */
  /* colors */
  /* Nav */
  /* NAV */
  /* Nav overlay */
  /* The Overlay (background) */
  /* Position the content inside the overlay */
  /* The navigation links inside the overlay */
  /* When you mouse over the navigation links, change their color */
  /* Position the close button (top right corner) */
  /* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
  /* typed animation */
  /* code for animated blinking cursor */
  /* HOME */
  /* Main content */
  /* Event */
  /* Áreas */
  /* Te compartimos */
  /* Colaboraciones */
  /* Newsletter */
  /* Actividades */
  /* Modal */
  /* El CCD ----------------------------------------- */
  /* Búsqueda */
  /* Smartphones (portrait and landscape) ----------- */
  /* iPads (portrait and landscape) ----------- */
  /* INMERSIÓN ----------------------------------------- */
  /* HISTORIA ----------------------------------------- */
  /* Desktops and laptops ----------- */
  /* Large screens ----------- */
  /* enlaces footer */
  /* Aviso privacidad */ }
  .ccd h1 {
    margin-top: 20px; }
  .ccd h3 {
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 10px; }
  .ccd p {
    margin: 0 0 10px; }
  .ccd * {
    margin: 0; }
  .ccd html,
  .ccd body {
    height: 100%; }
  .ccd .wrapper {
    min-height: 100%;
    height: auto !important;
    /* This line and the next line are not necessary unless you need IE6 support */
    height: 100%;
    margin: 0 auto -155px;
    /* the bottom margin is the negative value of the footer's height */ }
  .ccd .footer,
  .ccd .push {
    height: 155px;
    /* .push must be the same height as .footer */
    clear: both; }
  .ccd .push.contactpush {
    height: 200px; }
  .ccd #elContenido {
    padding-top: 40px; }
  .ccd #elContenido img {
    width: 100%; }
  .ccd .jumbotron {
    margin-top: 10px;
    background-color: #181818;
    margin-bottom: 0; }
  .ccd .vertical-align {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%); }
  .ccd *::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none; }
  .ccd input {
    outline: none; }
  .ccd input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%; }
  .ccd input::-webkit-search-decoration,
  .ccd input::-webkit-search-cancel-button {
    display: none; }
  .ccd input[type=search] {
    background: #fff url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center;
    border: solid 1px #fff;
    padding: 9px 10px 9px 32px;
    width: 55px;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    font-family: "ff-basic-gothic-web-pro", sans-serif; }
  .ccd input[type=search]:focus {
    width: 130px;
    background-color: #fff;
    outline: 0;
    border: 1px solid #eee; }
  .ccd input:-moz-placeholder {
    color: #999; }
  .ccd input::-webkit-input-placeholder {
    color: #999; }
  .ccd #demo-2 input[type=search] {
    width: 13px;
    padding-left: 10px;
    color: transparent;
    cursor: pointer;
    height: 8px; }
  .ccd .search.inline.right {
    padding: 0 3px; }
  .ccd #demo-2 input[type=search]:hover {
    background-color: #fff; }
  .ccd #demo-2 input[type=search]:focus {
    width: 130px;
    padding-left: 32px;
    color: #000;
    background-color: #fff;
    cursor: auto; }
  .ccd #demo-2 input:-moz-placeholder {
    color: transparent; }
  .ccd #demo-2 input::-webkit-input-placeholder {
    color: transparent; }
  .ccd input[name="anteriores"],
  .ccd input[name="proximas"] {
    border-radius: 0;
    color: #fff;
    background: #6b01ff;
    font-family: "pill-gothic-300mg", sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 4px;
    font-size: 14px; }
  .ccd input[name="anteriores"]:hover,
  .ccd input[name="proximas"]:hover {
    color: #fff;
    opacity: 0.8; }
  .ccd .loader {
    background-color: #ffa4b6;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden; }
  .ccd .loader .center {
    display: table;
    height: 100vh;
    width: 100%; }
  .ccd .loader .center .loader-animation {
    display: table-cell;
    vertical-align: middle;
    height: 200px; }
  .ccd .loader .center .loader-animation .loaderAnim {
    background-image: url("../imgs/loaderAnimV.svg");
    background-size: 100%;
    background-position: 50%;
    background-position-y: 2500px;
    height: 100px;
    width: 300px;
    margin: auto;
    animation: tick-tock 3.6s steps(36) infinite; }

@keyframes tick-tock {
  from {
    background-position-y: 3600px; }
  to {
    background-position-y: 0; } }
  .ccd h1,
  .ccd h2,
  .ccd h3,
  .ccd h4,
  .ccd h5,
  .ccd h6 {
    font-family: "pill-gothic-600mg", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: black; }
  .ccd body {
    margin-bottom: 40px; }
  .ccd p {
    font-family: "ff-basic-gothic-web-pro", sans-serif;
    font-style: normal;
    font-weight: 200; }
  .ccd a {
    text-decoration: none !important;
    color: #f15e5b;
    cursor: pointer; }
  .ccd a:hover {
    text-decoration: none !important;
    color: #ff0500; }
  .ccd a:active {
    text-decoration: none; }
  .ccd ul li {
    display: inline-block;
    list-style: none; }
  .ccd ul li a {
    font-family: "pill-gothic-600mg", sans-serif;
    font-style: normal;
    font-weight: 700;
    padding: 4px 10px;
    color: #404040; }
  .ccd ol,
  .ccd ul {
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 0 !important;
    -webkit-margin-before: 0 !important;
    -webkit-padding-start: 0px;
    margin-bottom: 0; }
  .ccd a:hover {
    text-decoration: none; }
  .ccd .white-border {
    border-bottom: 1px solid white !important; }
  .ccd .header-logo {
    padding-top: 17px;
    padding-bottom: 15px; }
  .ccd .relative {
    position: relative; }
  .ccd .no-padding {
    padding: 0; }
  .ccd .areas-wrapper {
    max-width: 860px;
    margin: auto; }
  .ccd .hover-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 30px;
    opacity: 0;
    transition: opacity 300ms; }
    .ccd .hover-info h5 {
      margin-bottom: 15px; }
    .ccd .hover-info:hover {
      opacity: 1; }
  .ccd .area {
    background: #fff;
    margin: 30px 0 90px; }
    .ccd .area .description {
      padding: 35px 25px; }
    .ccd .area img {
      max-width: 100%; }
    .ccd .area h3 {
      font-size: 30px;
      display: inline-block;
      margin-bottom: 20px; }
    .ccd .area h5 {
      font-size: 16px;
      text-align: center;
      margin: 20px 0 20px; }
    .ccd .area .eliteratura {
      border-bottom: 4px solid #9487a6; }
    .ccd .area .image-circle {
      border-radius: 50%;
      overflow: hidden;
      max-width: 200px;
      margin: auto; }
  .ccd .members {
    text-align: center; }
  .ccd .member {
    width: 24%;
    display: inline-block;
    float: none;
    padding: 15px;
    box-sizing: border-box;
    cursor: pointer; }
    .ccd .member .member-tooltip {
      position: fixed;
      z-index: 999;
      display: none;
      background: #fff;
      max-width: 300px;
      text-align: left;
      padding: 15px;
      padding-top: 0;
      border: 4px solid #f04d49; }
      .ccd .member .member-tooltip h5 {
        text-align: left; }
    .ccd .member:hover .member-tooltip {
      display: block; }
  .ccd .juegos h3 {
    border-bottom: 4px solid #f04d49; }
  .ccd .juegos .member-tooltip {
    border: 4px solid #f04d49; }
  .ccd #centered {
    height: calc("100vh - 100px");
    width: 100%;
    margin: 20vh auto; }
  .ccd video#bgvid {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover; }
  .ccd .videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    display: block !important;
    margin-bottom: 20px !important; }
  .ccd .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .ccd .bg-overlay {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -99;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    background-color: rgba(82, 37, 37, 0.45); }
  .ccd .mobile-top-nav {
    display: none; }
  .ccd .head-title h1 {
    background-color: white;
    text-transform: uppercase; }
  .ccd select {
    border-radius: 0;
    border: 0;
    font-size: .9em;
    white-space: normal; }
  .ccd select option {
    border-radius: 0;
    padding: 20px; }
  .ccd .scroll-nav {
    position: fixed;
    top: 0;
    width: 100%;
    height: 75px;
    background-color: black;
    color: white;
    z-index: 9999;
    display: none;
    margin-top: 46px; }
  .ccd .scroll-nav .header-logo {
    padding-top: 0; }
  .ccd .scroll-nav .header-logo .logoContainer {
    float: left;
    width: auto;
    margin: 10px 0 0 20px; }
  .ccd .scroll-nav nav ul {
    float: right;
    padding-right: 25px; }
  .ccd .color-edu {
    color: #58c2bb; }
  .ccd .color-cin {
    color: #eac01e; }
  .ccd .color-tec {
    color: #f8991d; }
  .ccd .color-ref {
    color: #385d97; }
  .ccd .color-lab {
    color: #2b8595; }
  .ccd .color-vid {
    color: #00ff00; }
  .ccd .color-rad {
    color: #acd037; }
  .ccd .color-jue {
    color: #f04d49; }
  .ccd .color-lit {
    color: #9487a6; }
  .ccd .nav {
    text-align: center;
    position: relative;
    margin-top: 40px;
    z-index: 9; }
  .ccd .nav nav {
    display: inline-block; }
  .ccd .nav nav ul {
    border-top: 1px solid white; }
  .ccd .nav-home {
    margin-top: 40px;
    display: block;
    padding: 20px;
    padding-bottom: 10px; }
  .ccd .nav-inside {
    margin-top: 40px;
    display: inline-block;
    padding: 20px;
    background-color: #6b00ff;
    padding-bottom: 10px; }
  .ccd .purp-back {
    background-color: #6b00ff;
    display: inline-block; }
  .ccd nav ul li {
    list-style: none;
    display: inline-block;
    padding: 10px 0; }
  .ccd nav ul li a {
    font-family: "pill-gothic-300mg", sans-serif;
    font-style: normal;
    font-weight: 400;
    color: white;
    letter-spacing: 1px;
    text-decoration: none;
    color: white !important; }
  .ccd nav ul li a:hover {
    text-decoration: none;
    border-bottom: 1px solid white;
    padding-bottom: 4px; }
  .ccd .purp-back nav ul li {
    padding: 10px 0 0; }
  .ccd .purp-back nav ul li a {
    display: block;
    padding: 5px 10px 8px;
    border-bottom: 2px solid transparent; }
  .ccd .purp-back nav ul li a:hover {
    border-bottom: 2px solid #fff; }
  .ccd .inline {
    display: inline-block; }
  .ccd .left {
    float: left; }
  .ccd .right {
    float: right; }
  .ccd .center {
    text-align: center; }
  .ccd .red {
    color: #f15e5b !important; }
  .ccd .grey-bg {
    background-color: #ececec; }
  .ccd .top-nav,
  .ccd .mobile-top-nav {
    background-color: white;
    display: inline-block;
    width: 100%;
    padding: 5px;
    font-family: "pill-gothic-300mg", sans-serif;
    font-style: normal;
    font-weight: 400;
    color: black;
    text-align: center;
    position: fixed;
    z-index: 200;
    top: 60px;
    left: 0; }
  .ccd .mobile-top-nav {
    display: none; }
  .ccd .top-nav {
    height: 40px; }
  .ccd .mobile-top-nav .glyphicon {
    color: rgba(0, 0, 0, 0.38); }
  .ccd .top-nav div,
  .ccd .mobile-top-nav {
    padding: 5px 10px; }
  .ccd .mobile-top-nav a {
    padding: 0 5px; }
  .ccd .mobile-main-nav {
    display: none; }
  .ccd .mobile-top-nav {
    display: none; }
  .ccd .head-title {
    display: inline-block; }
  .ccd .head-title,
  .ccd .event-head {
    text-align: center;
    margin-top: 120px;
    z-index: 7;
    position: relative;
    padding: 10px 110px 30px;
    background-color: white;
    border-bottom: 3px solid blue; }
  .ccd .head-title.event-title,
  .ccd .event-head.event-title,
  .ccd .area-head {
    text-align: center;
    z-index: 0; }
  .ccd .head-title h1 {
    background-color: white;
    display: inline-block;
    font-size: 3.5em;
    margin-bottom: 0; }
  .ccd .head-title.activities h1 {
    border-bottom: 5px solid #ffe000;
    padding: 0 10px; }
  .ccd .event-head h1 {
    background-color: white;
    display: inline-block;
    padding: 10px 40px;
    font-size: 2.4em;
    margin-bottom: 0;
    line-height: 1.5em; }
  .ccd .event-head p {
    margin-bottom: 20px;
    font-size: 1.2em;
    line-height: 2em; }
  .ccd .event-box {
    padding: 0 !important; }
  .ccd .overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 100%;
    width: 0;
    position: fixed;
    /* Stay in place */
    z-index: 3;
    /* Sit on top */
    left: 0;
    top: 0;
    background-color: black;
    /* Black fallback color */
    background-color: rgba(0, 0, 0, 0.9);
    /* Black w/opacity */
    overflow-x: hidden;
    /* Disable horizontal scroll */
    transition: 0.5s;
    /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */ }
  .ccd .overlay-content {
    position: relative;
    top: 20px;
    width: 100%;
    text-align: center;
    margin-top: 30px; }
  .ccd .overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 1.3em;
    color: #818181;
    display: block;
    transition: 0.3s;
    font-family: "pill-gothic-600mg", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: white;
    z-index: 20; }
  .ccd .overlay a:hover,
  .ccd .overlay a:focus {
    color: #f1f1f1; }
  .ccd .closebtn {
    position: absolute;
    top: 50px;
    right: 13px;
    font-size: 1.5em !important; }
  @media screen and (max-height: 450px) {
    .ccd .overlay a {
      font-size: 20px; }
    .ccd .closebtn {
      font-size: 40px !important;
      top: 15px;
      right: 35px; } }
  .ccd .typed-cursor {
    opacity: 1;
    font-weight: 100;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    -ms-animation: blink 0.7s infinite;
    -o-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
    color: white;
    display: inline-block;
    padding-right: 12px;
    font-size: 3em; }

@keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes blink {
  .ccd 0% {
    opacity: 1; }
  .ccd 50% {
    opacity: 0; }
  .ccd 100% {
    opacity: 1; } }

@-o-keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  .ccd .typed-container {
    display: inline-block;
    height: 82px; }
  .ccd .marquee {
    width: 400px; }
  .ccd body#home {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto; }
  .ccd .main-title {
    color: white; }
  .ccd .main-title h1 {
    font-size: 4em;
    color: white; }
  .ccd .main-title h2 {
    font-family: "ff-basic-gothic-web-pro", sans-serif;
    font-style: normal;
    font-weight: 200;
    margin-top: 10px;
    font-size: 3em;
    color: white;
    padding: 13px 0px 0 15px; }
  .ccd .ahora .title h2,
  .ccd .historias .title h2,
  .ccd .colaboracion .title h2 {
    border-bottom: 4px solid #6b00ff;
    border-right: 4px solid #6b00ff; }
  .ccd .main-content-home {
    margin-top: 0vh; }
  .ccd .main-content-home .title {
    text-align: center; }
  .ccd .main-content-home .title h2,
  .ccd .colaboracion .title h2 {
    font-family: "pill-gothic-600mg", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: white;
    background-color: #f15e5b;
    text-align: center;
    padding: 10px 15px;
    display: inline-block;
    font-size: 1.5em;
    letter-spacing: 1px;
    margin-bottom: -10px;
    z-index: 2;
    position: relative; }
  .ccd .row.colaboracion {
    text-align: center; }
  .ccd .box .img-container {
    height: 220px;
    overflow: hidden; }
  .ccd .box img {
    width: 10% !important;
    vertical-align: middle; }
  .ccd .img-container img {
    width: 120% !important;
    vertical-align: middle; }
  .ccd .boxes a {
    color: black; }
  .ccd .ahora .col-lg-6,
  .ccd .historias .col-lg-6,
  .ccd .compartir .col-lg-4 {
    padding: 0; }
  .ccd .event {
    background-color: white;
    min-height: 319px;
    max-height: 319px;
    overflow: hidden; }
  .ccd .event:after {
    clear: both;
    content: '';
    display: block; }
  .ccd .event-info {
    width: 50%;
    padding: 20px;
    max-height: 100%; }
  .ccd .event-img {
    width: 50%;
    overflow: hidden;
    height: 100%;
    position: absolute;
    right: 0; }
  .ccd .ahora .event-title a h3,
  .ccd .historias .event-title a h3 {
    text-align: left !important;
    color: black; }
  .ccd .ahora .event-title a:hover h3,
  .ccd .historias .event-title a:hover h3 {
    color: black; }
  .ccd .compartir-content .category {
    text-align: center; }
  .ccd .category span {
    text-transform: uppercase;
    font-family: "pill-gothic-300mg", sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1px;
    padding-bottom: 5px;
    border-bottom: 2px solid blue;
    color: black; }
  .ccd .event-title {
    padding-bottom: 20px; }
  .ccd .share-title h3 {
    margin-top: 0;
    padding-top: 25px;
    text-align: center;
    font-size: 1.4em;
    padding: 20px;
    line-height: 29px; }
  .ccd .event-date {
    padding-bottom: 20px;
    color: black;
    font-family: "ff-basic-gothic-web-pro", sans-serif; }
  .ccd .event-date span {
    font-family: "ff-basic-gothic-web-pro", sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 1.2em; }
  .ccd .see-more a {
    font-family: "ff-basic-gothic-web-pro", sans-serif;
    font-style: italic;
    font-weight: 200;
    font-size: 1em; }
  .ccd .boxes {
    margin-bottom: 5px; }
  .ccd .see-more-btn {
    border-radius: 50%; }
  .ccd .round-button {
    width: 100%;
    padding-top: 10px; }
  .ccd .round-button-circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 1px solid white;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.19);
    box-shadow: 0 0 3px gray;
    display: inline-block; }
  .ccd .round-button-circle:hover {
    background: rgba(0, 0, 0, 0.4); }
  .ccd .round-button a {
    display: block;
    float: left;
    width: 100%;
    padding-top: 50%;
    padding-bottom: 50%;
    line-height: 1em;
    margin-top: -0.5em;
    text-align: center;
    color: #e2eaf3;
    font-family: "ff-basic-gothic-web-pro", sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 1em;
    text-decoration: none; }
  .ccd p.area-desc {
    font-size: 1.5em !important;
    line-height: 38px;
    letter-spacing: 0px;
    padding: 0 25px 20px 25px; }
  .ccd .area-head {
    margin-top: 90px;
    border-bottom: 5px solid #f04d49;
    background-color: white; }
  .ccd .border-memoria {
    border-bottom: 4px solid blue; }
  .ccd .area-head p {
    line-height: 2em;
    font-size: 1.2em; }
  .ccd .area-head h1 {
    background-color: white;
    display: inline-block;
    padding: 25px 60px;
    font-size: 4em;
    margin-bottom: 0; }
  .ccd .memory-head {
    margin-top: 90px;
    border-bottom: 5px solid #f04d49;
    background-color: white;
    text-align: center;
    padding: 10px 10px 20px; }
  .ccd .memory-head h1 {
    background-color: white;
    display: inline-block;
    padding: 25px 60px;
    font-size: 3em;
    margin-bottom: 0; }
  .ccd .memory-head p {
    line-height: 2em;
    font-size: 1.2em; }
  .ccd .main-content {
    margin-top: 30px; }
  .ccd .categories {
    text-align: center;
    display: block;
    margin-top: 30px; }
  .ccd .blocks {
    margin-top: 40px; }
  .ccd .area-block h2 {
    font-size: 1.6em;
    font-family: "pill-gothic-300mg", sans-serif;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    color: white;
    background-color: black;
    padding: 20px;
    border-bottom: 2px solid #f04d49;
    text-transform: uppercase;
    letter-spacing: 1px; }
  .ccd .areas {
    background-color: #181818;
    padding: 30px 20px 70px; }
  .ccd .areas-titles {
    font-family: "pill-gothic-600mg", sans-serif;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 1.6em;
    padding: 20px; }
  .ccd .areas-titles span {
    margin-top: 11px;
    display: inline-block;
    padding-right: 20px; }
  .ccd .areas-titles a {
    padding: 0 10px 0 0;
    line-height: 2; }
  .ccd .areas .title h3 {
    text-align: right;
    color: white;
    line-height: 46px;
    position: relative;
    font-size: 2.2em;
    border-right: 1px solid white;
    padding-right: 30px;
    letter-spacing: 1px; }
  .ccd .area-title {
    display: inline-block;
    width: 100%;
    height: 165px;
    margin-top: 0 !important; }
  .ccd .area-title h3 {
    position: absolute;
    top: 35px;
    padding: 13px 20px;
    z-index: 2;
    color: white;
    background-color: black;
    letter-spacing: 2px;
    font-size: 1.2em;
    border-bottom: 3px solid;
    font-weight: 500;
    border-right: 3px solid; }
  .ccd .area-container {
    min-height: 380px;
    margin-top: 30px; }
  .ccd .area-content a {
    color: black;
    font-family: "pill-gothic-300mg", sans-serif;
    font-style: normal;
    font-weight: 400; }
  .ccd .area-content a:hover {
    text-decoration: none; }
  .ccd .educativa h3 {
    border-color: #58c2bb; }
  .ccd .tec-lib h3 {
    border-color: #f8991d; }
  .ccd .tec-lib h3 {
    border-color: #f8991d; }
  .ccd .reflexion h3 {
    border-color: #416fb6; }
  .ccd .lab-web h3 {
    border-color: #38c3da; }
  .ccd .radioccd h3 {
    border-color: #acd037; }
  .ccd .cine h3 {
    border-color: #eac01e; }
  .ccd .literatura h3 {
    border-color: #9487a6; }
  .ccd .juego h3 {
    border-color: #f04d49; }
  .ccd .comunicacion h3 {
    border-color: #ef549e; }
  .ccd .operaciones h3 {
    border-color: #00ff00; }
  .ccd .inmersion h3 {
    border-color: #6da8ff;
    /*#1c26e1*/ }
  .ccd hr.educativa {
    border-top: 2px solid #58c2bb; }
  .ccd hr.tec-lib {
    border-top: 2px solid #f8991d; }
  .ccd hr.reflexion {
    border-top: 2px solid #416fb6; }
  .ccd hr.lab-web {
    border-top: 2px solid #38c3da; }
  .ccd hr.radioccd {
    border-top: 2px solid #acd037; }
  .ccd hr.cine {
    border-top: 2px solid #eac01e; }
  .ccd hr.literatura {
    border-top: 2px solid #9487a6; }
  .ccd hr.juego {
    border-top: 2px solid #f04d49; }
  .ccd hr.comunicacion {
    border-top: 2px solid #ef549e; }
  .ccd hr.operaciones {
    border-top: 2px solid #00ff00; }
  .ccd hr.inmersion {
    border-top: 2px solid #6da8ff; }
  .ccd .educativa-color {
    color: #58c2bb; }
  .ccd .more-info {
    position: relative;
    display: block; }
  .ccd .more-info.educativa h5.title {
    margin-top: 35px;
    border-bottom: 1px solid #58c2bb;
    padding-bottom: 15px; }
  .ccd .event-mini h3 {
    font-size: 1em;
    color: black; }
  .ccd .color-left {
    width: 30px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
  .ccd .educativa-bg-color {
    background-color: #58c2bb; }
  .ccd .area-title img {
    position: absolute;
    right: 15px; }
  .ccd .more-info.educativa {
    height: 380px;
    background-color: white;
    width: 100%;
    clear: both; }
  .ccd .more-info .about {
    margin-top: 50px; }
  .ccd .more-info .about p {
    font-size: 1.5em; }
  .ccd .more-info .team {
    margin-top: 35px; }
  .ccd .carousel-control .glyphicon-menu-left,
  .ccd .carousel-control .glyphicon-menu-right,
  .ccd .carousel-control .icon-next,
  .ccd .carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px; }
  .ccd .carousel .carousel-indicators {
    display: none; }
  .ccd .blueimp-gallery-carousel {
    box-shadow: none;
    margin: 0; }
  .ccd .slick-slide img {
    display: block;
    max-height: 700px;
    text-align: center;
    margin: 0 auto; }
  .ccd .slick-slider {
    background-color: black; }
  .ccd .memoria-content {
    background-color: white;
    padding-bottom: 30px; }
  .ccd .memoria-content a {
    font-size: 1.1em; }
  .ccd .close-btn {
    position: absolute;
    right: 20px;
    top: 20px; }
  .ccd .close-btn a {
    font-size: 1.4em; }
  .ccd .ver-perfil-btn a {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #58c2bb;
    padding: 15px 30px;
    letter-spacing: 2px;
    color: white;
    font-size: 1.5em;
    font-family: "pill-gothic-600mg", sans-serif;
    font-style: normal;
    font-weight: 400; }
  .ccd .videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0; }
  .ccd .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .ccd .plat-card {
    text-align: center; }
  .ccd a:hover.plat-card.elit {
    background-color: #99439e !important;
    transition: all .5s ease-in-out; }
  .ccd a:hover.plat-card.radioccd {
    background-color: #c30048 !important;
    transition: all .5s ease-in-out; }
  .ccd a:hover.plat-card.guiqui {
    background-color: #d4a600 !important;
    transition: all .5s ease-in-out; }
  .ccd .plat-card a {
    text-align: center;
    color: white;
    letter-spacing: 2px;
    padding: 40px 0;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    font-size: 1.4em;
    font-weight: 600; }
  .ccd a.plat-card {
    padding: 40px 0 40px !important;
    font-size: 1.5em;
    letter-spacing: 2px;
    font-family: "pill-gothic-600mg", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: black;
    cursor: pointer !important; }
  .ccd .ver-perfil-btn a:hover {
    background-color: #3c8883; }
  .ccd .team-section {
    display: inline-block;
    padding-right: 20px; }
  .ccd .clearfix {
    display: block;
    clear: both; }
  .ccd .compartir,
  .ccd .colaboracion-act {
    margin-bottom: 26px; }
  .ccd .compartir-content {
    background-color: white;
    width: 100%;
    min-height: 140px; }
  .ccd .compartir .col-lg-4,
  .ccd .compartir .col-lg-4 {
    padding: 0; }
  .ccd .colab-title {
    background-color: white;
    margin-top: 0;
    width: 100%; }
  .ccd .colab-title h3 {
    font-size: 1.2em;
    text-align: center;
    margin: 0;
    padding: 20px 10px; }
  .ccd .area-block img {
    display: inline-block;
    width: 100%; }
  .ccd .info-collab {
    background-color: white;
    height: auto;
    padding: 25px; }
  .ccd .info-collab p {
    font-size: 1.3em;
    line-height: 1.7em; }
  .ccd .tags-collab {
    background-color: white;
    height: auto;
    padding: 25px; }
  .ccd .newsletter-box {
    background-color: #ffc853;
    position: relative;
    margin-top: 20px; }
  .ccd .newsletter-box h3 {
    padding: 20px 0;
    font-family: "ff-basic-gothic-web-pro", sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 1.5em;
    letter-spacing: 1px; }
  .ccd .newsletter-box form {
    padding: 37px 0; }
  .ccd .newsletter-box input[type="email"] {
    border: none;
    background-color: rgba(255, 255, 255, 0);
    color: black;
    border-bottom: 1px solid black;
    width: 100%;
    font-size: 1.2em; }
  .ccd .newsletter-box button {
    position: absolute;
    background-color: rgba(255, 255, 255, 0);
    border: none;
    right: 0;
    padding: 0;
    top: 39px;
    right: 14px; }
  .ccd .newsletter-box button i {
    color: black; }
  .ccd .newsletter-box button:hover {
    background-color: rgba(255, 255, 255, 0); }
  .ccd ::-webkit-input-placeholder {
    color: black;
    font-family: "ff-basic-gothic-web-pro", sans-serif;
    font-style: normal;
    font-weight: 200; }
  .ccd :-moz-placeholder {
    /* Firefox 18- */
    color: black;
    font-family: "ff-basic-gothic-web-pro", sans-serif;
    font-style: normal;
    font-weight: 200; }
  .ccd ::-moz-placeholder {
    /* Firefox 19+ */
    color: black;
    font-family: "ff-basic-gothic-web-pro", sans-serif;
    font-style: normal;
    font-weight: 200; }
  .ccd :-ms-input-placeholder {
    color: black;
    font-family: "ff-basic-gothic-web-pro", sans-serif;
    font-style: normal;
    font-weight: 200; }
  .ccd footer {
    /* position: absolute; */
    bottom: 0;
    width: 100%;
    background-color: rgba(107, 0, 255, 0.99);
    margin-top: 0px;
    z-index: 5;
    position: relative;
    padding: 30px 0 20px; }
  .ccd footer .social-icon {
    display: inline-block; }
  .ccd .footer-bottom {
    text-align: left;
    color: #dedede;
    font-size: .8em; }
  .ccd .blueimp-gallery > .description {
    position: absolute;
    top: 30px;
    left: 15px;
    color: #fff;
    display: none; }
  .ccd .blueimp-gallery-controls > .description {
    display: block; }
  .ccd .head {
    height: 350px;
    position: absolute;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position: center center;
    width: 100%; }
  .ccd .categories ul {
    padding: 0;
    color: #404040;
    margin-bottom: 10px; }
  .ccd .categories ul li a:hover {
    border-bottom: 2px solid;
    color: #848484; }
  .ccd .info-actividad {
    background-color: white;
    height: auto;
    padding: 25px;
    margin-bottom: 200px;
    z-index: 0; }
  .ccd .info-actividad p {
    font-size: 1.3em;
    line-height: 1.7em; }
  .ccd .memoria-content p {
    font-size: 1.3em;
    line-height: 1.6em;
    margin-bottom: 15px;
    padding: 12px 0; }
  .ccd .info-actividad h2 {
    font-size: 1.5em;
    margin-top: 50px; }
  .ccd .info-actividad h3 {
    font-size: 1.3em;
    margin-top: 0;
    margin-bottom: 20px; }
  .ccd .info-actividad img {
    width: 100%; }
  .ccd .event-card img {
    height: 200px;
    width: 100%; }
  .ccd .event-card {
    background-color: white; }
  .ccd .event-card-info {
    padding: 20px;
    text-align: center;
    color: black; }
  .ccd .area-block {
    text-align: center; }
  .ccd .area-block .descargable {
    padding: 15px;
    background-color: white; }
  .ccd .descargable button {
    background-color: transparent;
    border: 0px;
    color: #f15e5b !important;
    letter-spacing: 1px;
    font-size: .8em; }
  .ccd .buttons {
    margin: 20px 0; }
  .ccd .buttons button {
    background-color: transparent;
    border: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "pill-gothic-600mg", sans-serif;
    font-style: normal;
    font-weight: 400; }
  .ccd .buttons button.active {
    font-weight: 900; }
  .ccd select.form-control {
    border-radius: 0px !important;
    background-color: #e0e0e0;
    color: #2d2d2d;
    padding: 28px 5px !important;
    height: 70px;
    font-size: 1.2em;
    font-style: normal;
    font-weight: 200;
    font-family: "ff-basic-gothic-web-pro", sans-serif;
    border-radius: 0px; }
  .ccd .form-group input {
    height: 70px;
    background-color: #e0e0e0;
    color: #2d2d2d;
    font-size: 1.2em;
    border-radius: 0px; }
  .ccd textarea.form-control {
    background-color: #e0e0e0;
    color: #2d2d2d;
    font-size: 1.1em;
    padding: 10px 10px;
    border-radius: 0px; }
  .ccd .form-group {
    margin-bottom: 0; }
  .ccd .form-group input,
  .ccd .form-group select {
    height: 70px; }
  .ccd button.inscribirme {
    margin-top: 20px;
    border: none;
    color: white;
    background-color: #f15e5b;
    padding: 10px 20px; }
  .ccd button.contact-button {
    width: 100%;
    margin-top: 20px;
    padding: 20px;
    background-color: #f04d49;
    color: white;
    letter-spacing: 2px;
    font-size: 1.2em;
    border: none; }
  .ccd .contact-map {
    text-align: left;
    margin-top: 22px; }
  .ccd .head.contacto {
    z-index: -2; }
  .ccd .gracias-contacto {
    padding: 30px 0;
    background-color: yellow;
    vertical-align: middle; }
  .ccd .modal-content {
    background-color: rgba(255, 255, 255, 0);
    margin-top: 24vh;
    background-color: white;
    min-height: 500px;
    padding: 55px 0; }
  .ccd .animatedModal-off {
    display: none !important; }
  .ccd .modal-stuff h4 {
    margin-bottom: 20px;
    line-height: 1.6em; }
  .ccd .input-field input,
  .ccd .input-field textarea {
    width: 100%;
    text-align: center;
    padding: 18px;
    color: black;
    margin-bottom: 10px;
    border: 1px solid grey; }
  .ccd .input-field textarea {
    min-height: 100px;
    border: 1px solid grey; }
  .ccd .modal-stuff button {
    width: 100%;
    padding: 20px 0;
    margin: 0;
    background-color: #f15e5b;
    display: inline-block;
    border: 0;
    color: white;
    text-transform: uppercase;
    font-size: 1.4em;
    font-family: "pill-gothic-600mg", sans-serif;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 2px; }
  .ccd div#btn-close-modal {
    top: 51px;
    color: white;
    font-size: 3em;
    right: 26px;
    position: fixed; }
  .ccd .info-actividad {
    background-color: white;
    height: auto;
    padding: 25px;
    margin-bottom: 200px; }
  .ccd #animatedModal {
    background-color: rgba(39, 39, 39, 0.72) !important; }
  .ccd .tags-actividad {
    background-color: white; }
  .ccd .tags-actividad p {
    font-size: 1.1em; }
  .ccd .search-result {
    margin: 20px 0 60px; }
  .ccd .search-result p img {
    width: 100%; }
  .ccd .el-ccd * {
    box-sizing: border-box; }
  .ccd .el-ccd {
    margin-top: -129px;
    background: #ececec;
    overflow-x: hidden;
    font-family: "ff-basic-gothic-web-pro", sans-serif;
    font-weight: 200;
    font-size: 16px; }
  .ccd .el-ccd ul {
    -webkit-margin-before: 30px !important;
    margin-top: 30px;
    padding-left: 40px;
    list-style-type: circle; }
  .ccd .el-ccd ul > li {
    margin-bottom: 2.4rem;
    list-style-type: circle;
    display: list-item; }
  .ccd .el-ccd .container {
    padding-top: 708px; }
  .ccd .el-ccd .wrapper {
    max-width: 685px;
    margin: auto;
    height: 900px;
    padding: 44px 80px;
    text-align: justify;
    position: relative; }
  .ccd .el-ccd .section {
    font-size: 1.9rem;
    position: relative; }
  .ccd .mision {
    margin-top: 20rem; }
  .ccd .objetivos {
    margin-top: 20rem; }
  .ccd .programa {
    margin-top: 19.4rem; }
  .ccd .programa ul > li {
    margin-bottom: 1rem; }
  .ccd .estrategia {
    margin-top: 17rem; }
  .ccd #isometric {
    position: relative;
    top: 0; }
  .ccd #background-svg {
    position: absolute;
    left: -9999px;
    right: -9999px;
    margin: auto;
    width: 1900px;
    height: auto;
    display: block; }
  .ccd #four-o-four-background-svg {
    position: absolute;
    left: -9999px;
    right: -9999px;
    top: -9999px;
    bottom: -9999px;
    margin: auto;
    width: 100%;
    height: auto;
    display: block;
    pointer-events: none;
    z-index: 0; }
  .ccd .red-nav .purp-back {
    background: #ff5050;
    position: relative;
    z-index: 105; }
  .ccd *[stroke="#000000"] {
    display: none;
    stroke: #676767; }
  .ccd *[fill="#FF5050"],
  .ccd *[fill="#F9A850"] {
    display: block;
    stroke: rgba(0, 0, 0, 0); }
  .ccd #mobile-header,
  .ccd .mobile-svg {
    display: none;
    width: 100%; }
  .ccd .mobile-svg {
    position: absolute;
    z-index: 0;
    right: 0;
    top: -310px; }
  .ccd .mobile-title {
    display: none;
    background: #ff5050;
    color: #ffffff;
    padding: 10px 20px 5px;
    margin-bottom: 30px;
    font-family: "pill-gothic-600mg", sans-serif;
    font-style: normal;
    font-weight: 700; }
  .ccd .categories ul li a {
    line-height: 40px; }
  .ccd .cont-resultados {
    text-align: left; }
  .ccd .cont-resultados a {
    font-size: 1.5em;
    font-family: "pill-gothic-600mg", sans-serif;
    font-style: normal;
    font-weight: 500;
    color: red; }
  .ccd .cont-resultados p {
    line-height: 2.5rem;
    margin-top: 20px; }
  .ccd .sk-fading-circle {
    margin: 0 auto;
    width: 30px;
    height: 30px;
    position: relative;
    display: none; }
  .ccd .sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
  .ccd .sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; }
  .ccd .sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg); }
  .ccd .sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg); }
  .ccd .sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .ccd .sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg); }
  .ccd .sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg); }
  .ccd .sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .ccd .sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg); }
  .ccd .sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg); }
  .ccd .sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg); }
  .ccd .sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg); }
  .ccd .sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg); }
  .ccd .sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s; }
  .ccd .sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s; }
  .ccd .sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s; }
  .ccd .sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s; }
  .ccd .sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s; }
  .ccd .sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s; }
  .ccd .sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s; }
  .ccd .sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s; }
  .ccd .sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s; }
  .ccd .sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s; }
  .ccd .sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s; }

@-webkit-keyframes sk-circleFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0; }
  40% {
    opacity: 1; } }

@keyframes sk-circleFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0; }
  40% {
    opacity: 1; } }
  .ccd .ready-button {
    pointer-events: none; }
  .ccd .ready-button .inscribirme {
    background-color: #58c2bb; }
  .ccd #four-o-four-svg {
    max-width: 350px;
    transform: translateX(-27px); }
  .ccd .four-o-four {
    overflow: hidden; }
  .ccd .not-found-wrapper {
    width: 640px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    height: 100vh;
    margin: auto;
    margin-top: -120px;
    flex-direction: column; }
  .ccd .not-found-links {
    text-align: center; }
  .ccd .not-found-links .not-found-svg {
    position: relative;
    z-index: 2;
    max-width: 150px;
    margin: 0 50px; }
  .ccd .not-found-links h4 {
    margin: 45px 0 25px; }
  .ccd .error-message-sign-up {
    color: #ff4949;
    display: none; }
  .ccd .error-field input {
    border-color: #ff4949; }
  .ccd .error-field .error-message-sign-up {
    display: block; }
  .ccd .up-arrow {
    width: 2px;
    height: 23px;
    background: #fff;
    display: inline-block;
    margin-top: 15px;
    position: relative;
    z-index: 10; }
  .ccd .up-arrow:after,
  .ccd .up-arrow:before {
    content: '';
    width: 15px;
    height: 2px;
    background: #fff;
    display: inline-block;
    position: absolute;
    bottom: 0; }
  .ccd .up-arrow:before {
    left: -1px;
    bottom: 19px;
    transform: rotate(40deg); }
  .ccd .up-arrow:after {
    left: -12px;
    bottom: 19px;
    transform: rotate(-40deg); }
  .ccd .back-to-top {
    background: #000;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 15px;
    z-index: 2;
    right: 15px;
    text-align: center;
    cursor: pointer;
    display: none;
    opacity: 0;
    transition: opacity 300ms; }
  .ccd .back-to-top.active {
    opacity: 1; }
  .ccd .fb-share-button {
    top: -5px; }
  .ccd .event-subtitle h4 {
    margin: -27px 0 30px;
    font-size: 1.5rem; }
  @media only screen and (max-width: 1183px) {
    .ccd .mobile-top-nav {
      position: fixed; }
    .ccd .scroll-nav {
      display: none !important; }
    .ccd .header-logo {
      padding-left: 15px; }
    .ccd .mobile-top-nav {
      display: inline-block;
      z-index: 1; }
    .ccd .top-nav {
      display: none; }
    .ccd .mobile-main-nav {
      position: fixed;
      top: 60px;
      z-index: 9;
      display: block;
      width: 100%; }
    .ccd .mobile-main-nav-first {
      position: fixed;
      background-color: black;
      width: 100%; }
    .ccd .mobile-top-nav {
      display: inline-block;
      padding: 0;
      text-align: left;
      padding: 10px 0 10px 14px; }
    .ccd .nav {
      display: none;
      z-index: 10; }
    .ccd .mobile-nav-btn i {
      float: right;
      color: white;
      padding: 30px 20px;
      font-size: 1.5em;
      top: 10px;
      right: 20px;
      background-color: rgba(255, 255, 255, 0) !important; }
    .ccd .header-logo {
      float: left; }
    .ccd nav ul li {
      display: block; }
    .ccd .mobile-top-nav {
      display: none; }
    .ccd nav ul li a:hover {
      text-decoration: none;
      border-bottom: 0px; }
    .ccd .back-to-top {
      display: block; }
    .ccd .inmersion-section {
      margin-top: 130px; }
    .ccd .head-title,
    .ccd .event-head {
      text-align: center;
      margin-top: 288px;
      padding: 10px 27px 30px;
      font-size: 0.8em; } }
  @media only screen and (max-width: 480px) {
    .ccd .event {
      max-height: 500px; }
    .ccd .event-title h3 {
      font-size: 20px; }
    .ccd .historiasfooter,
    .ccd .activitiesfooter {
      display: none; }
    .ccd .date {
      float: left;
      width: 50%; }
    .ccd .box .img-container {
      height: 220px;
      overflow: hidden;
      display: none; }
    .ccd .scroll-nav {
      display: none !important; }
    .ccd .mobile-top-nav {
      position: fixed; }
    .ccd .scroll-nav {
      display: none !important; }
    .ccd .header-logo {
      padding-left: 15px; }
    .ccd .boxes {
      margin-bottom: 0 !important; }
    .ccd .event {
      margin-bottom: 5px; }
    .ccd .mobile-top-nav {
      display: inline-block;
      z-index: 1; }
    .ccd .top-nav {
      display: none; }
    .ccd .event-info {
      padding: 15px !important; }
    .ccd .compartir .boxes img {
      display: none; }
    .ccd .newsletter-box {
      margin: 20px; }
    .ccd .newsletter-box h3 {
      text-align: center;
      font-size: 1em;
      padding-bottom: 0;
      margin-bottom: 0; }
    .ccd .newsletter-box input[type="email"] {
      font-size: 1em; }
    .ccd .main-title h1 {
      font-size: 3em; }
    .ccd .main-title h2 {
      font-size: 2em; }
    .ccd .historias .title h3 {
      text-align: center;
      border-right: none; }
    .ccd .mobile-main-nav {
      position: fixed;
      z-index: 9;
      display: block;
      width: 100%; }
    .ccd .mobile-main-nav-first {
      position: fixed;
      background-color: black;
      width: 100%;
      margin-top: 6px; }
    .ccd .mobile-top-nav {
      display: none;
      padding: 0;
      text-align: left;
      padding: 10px 0 10px 14px; }
    .ccd .nav {
      display: none;
      z-index: 10; }
    .ccd .mobile-nav-btn i {
      float: right;
      color: white;
      padding: 30px 20px;
      font-size: 1.5em;
      top: 10px;
      right: 20px;
      background-color: rgba(255, 255, 255, 0) !important; }
    .ccd .header-logo {
      float: left; }
    .ccd .areas .title h3 {
      text-align: center;
      border-right: none; }
    .ccd .areas-titles {
      font-size: 1.3em;
      text-align: center; }
    .ccd #centered {
      height: calc("100vh - 100px");
      width: 100%;
      margin: 34vh auto; }
    .ccd .main-content {
      margin-top: 50px; }
    .ccd .head-title,
    .ccd .event-head {
      text-align: center;
      margin-top: 288px;
      padding: 10px 27px 30px;
      font-size: 0.8em; }
    .ccd .input-field input,
    .ccd .input-field textarea {
      width: 90% !important;
      text-align: center;
      padding: 18px;
      color: black;
      margin-bottom: 10px;
      border: 1px solid grey; }
    .ccd .modal-stuff button {
      width: 90%;
      padding: 20px 0;
      margin: 0;
      background-color: #f15e5b;
      display: inline-block;
      border: 0;
      color: white;
      text-transform: uppercase;
      font-size: 1.4em;
      font-family: "pill-gothic-600mg", sans-serif;
      font-style: normal;
      font-weight: 500;
      letter-spacing: 2px; }
    .ccd .memory-head h1 {
      background-color: white;
      display: inline-block;
      padding: 20px;
      font-size: 2em;
      margin-bottom: 0; }
    .ccd nav ul li {
      display: block; }
    .ccd nav ul li a:hover {
      text-decoration: none;
      border-bottom: 0px; }
    .ccd .area-head {
      margin-top: 145px; } }
  @media only screen and (max-width: 770px) {
    .ccd .historiasfooter {
      display: none !important; }
    .ccd .historiasfooter,
    .ccd .activitiesfooter {
      display: none; }
    .ccd .search.inline.right {
      display: none; } }
  @media only screen and (max-width: 915px) {
    .ccd #background-svg {
      display: none; }
    .ccd .el-ccd .wrapper {
      padding: 0px;
      max-width: 100%; }
    .ccd .el-ccd .section {
      padding: 0 40px;
      margin: 0 0 300px; }
    .ccd #mobile-header,
    .ccd .mobile-svg {
      display: block; }
    .ccd .el-ccd .container {
      padding: 30px 0; }
    .ccd .mobile-title {
      display: inline-block; }
    .ccd .el-ccd .container {
      width: 100%; } }
  @media only screen and (max-width: 990px) {
    .ccd .boxes {
      margin-bottom: 0; }
    .ccd .event {
      margin-bottom: 5px; }
    .ccd .scroll-nav {
      display: none !important; }
    .ccd .historiasfooter,
    .ccd .activitiesfooter {
      display: none; } }
  @media only screen and (max-width: 1200px) {
    .ccd .box .img-container {
      height: 220px;
      overflow: hidden;
      display: none; }
    .ccd .compartir .boxes img {
      display: none; }
    .ccd .areas .title h3 {
      text-align: center;
      border-right: none;
      padding-right: 0; }
    .ccd .areas-titles {
      font-size: 1.3em;
      text-align: center; } }
  .ccd .inmersion-section {
    font-size: 1.9rem;
    text-align: justify; }
  .ccd .inmersion-section ul {
    margin-bottom: 20px; }
  .ccd .inmersion-section h3 {
    margin-top: 60px; }
  .ccd .inmersion-section li {
    font-family: "ff-basic-gothic-web-pro", sans-serif;
    font-style: normal;
    font-weight: 200;
    list-style-type: circle;
    margin: 0 20px;
    display: list-item; }
  .ccd .audios h1,
  .ccd .files h1 {
    display: none; }
  .ccd .files-story {
    display: block;
    padding: 16px; }
  .ccd .files-story li {
    display: list-item;
    list-style: disc !important;
    line-height: 2; }
  @media only screen and (min-width: 1224px) {
    .ccd {
      /* Styles */ } }
  @media only screen and (min-width: 1824px) {
    .ccd {
      /* Styles */ } }
  .ccd ul.enlaces-footer {
    margin-top: -10px !important; }
  .ccd ul.enlaces-footer li a {
    color: #FFF;
    font-weight: inherit; }
  .ccd ul.enlaces-footer li a:hover {
    text-decoration: underline !important; }
  .ccd .aviso-privacidad {
    max-height: 120px;
    overflow: scroll;
    margin-bottom: 20px; }
  .ccd .aviso-privacidad p {
    font-size: 14px; }
  .ccd p.aviso {
    font-size: 14px; }

.ccd .wrapper {
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  padding: 0; }

.ccd .header-logo {
  padding-top: 15px; }

.ccd footer .logo-cultura {
  max-width: 22rem;
  display: inline-block; }
  .ccd footer .logo-cultura img {
    object-fit: contain;
    height: 100%;
    width: 100%; }

.ccd .separador {
  height: 50px; }

.ccd-inicio {
  padding-bottom: 15rem; }

.ccd .scroll-nav {
  left: 0; }

#myNav .overlay-content {
  display: flex;
  justify-content: center;
  align-items: center; }
  #myNav .overlay-content ul {
    padding: 0; }
    #myNav .overlay-content ul li a {
      transition: 0.5s;
      padding: 0 !important; }
      #myNav .overlay-content ul li a:hover {
        padding: 2px !important; }

.ccd .img-container img {
  object-fit: cover;
  width: 100% !important;
  object-position: center; }

.mobile-nav-btn {
  transition: 0.5s;
  cursor: pointer; }
  .mobile-nav-btn:hover {
    opacity: 0.75; }

.ccd .mobile-main-nav {
  left: 0;
  background-color: #000; }

.ccd .overlay {
  top: 60px; }

.ccd .overlay-content {
  margin-top: 0;
  height: calc(100% - 20px); }

.ccd .closebtn {
  top: 21px;
  right: 18px; }
  .ccd .closebtn:hover {
    opacity: 0.75; }

.ccd .mobile-nav-btn i {
  padding: 20px 5px 22px 20px; }

.ccd .overlay {
  height: calc(100% - 60px); }

.navbar-header .navbar-toggle {
  margin: 14px; }

.ccd ul.enlaces-footer {
  padding-left: 0; }

.ccd ul.enlaces-footer a {
  display: block;
  margin-bottom: 2rem; }

.ccd ul.enlaces-footer li a {
  display: block;
  margin-bottom: 0; }

.ccd .mobile-main-nav-first {
  margin-top: 0; }

.ccd .main-content {
  margin-top: 90px;
  padding: 1rem; }

.actividades-contenedor {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.ccd-titulo {
  margin-top: 120px !important; }

.ccd .inmersion-section {
  margin-top: 16px; }

.historias .main-content {
  margin-top: 0; }

.la-colmena .main-content {
  padding-bottom: 6rem; }

.date {
  height: 100%;
  width: 75%;
  background-color: #FFF; }

.ccd #demo-2 input[type="search"] {
  width: 0;
  padding-right: 2rem; }

.tarjetaConvocatoria {
  padding: 1rem;
  margin-bottom: 1rem;
  height: auto; }
  .tarjetaConvocatoria a {
    background-color: #FFF;
    color: black;
    display: block;
    transition: 0.25s;
    overflow: hidden;
    height: 100%;
    padding-bottom: 32px; }
    .tarjetaConvocatoria a .tarjetaImagen {
      height: 240px;
      width: 100%;
      padding: 0; }
      .tarjetaConvocatoria a .tarjetaImagen img {
        object-fit: cover;
        height: 100%;
        width: 100%;
        display: flex !important; }
    .tarjetaConvocatoria a .tarjetaInformacion h1,
    .tarjetaConvocatoria a .tarjetaInformacion h2,
    .tarjetaConvocatoria a .tarjetaInformacion h3,
    .tarjetaConvocatoria a .tarjetaInformacion h4,
    .tarjetaConvocatoria a .tarjetaInformacion h5,
    .tarjetaConvocatoria a .tarjetaInformacion h6 {
      margin: 1rem 0; }
    .tarjetaConvocatoria a .tarjetaInformacion .tarjetaResponsable {
      padding: 3rem 0; }
      .tarjetaConvocatoria a .tarjetaInformacion .tarjetaResponsable p {
        display: inline;
        text-align: center;
        letter-spacing: 1px;
        padding-bottom: 5px;
        border-bottom: 2px solid blue;
        text-transform: uppercase; }
    .tarjetaConvocatoria a .tarjetaInformacion .tituloConvocatoria h4 {
      padding-top: 0;
      padding-bottom: 0rem;
      margin-top: 0;
      text-align: center;
      font-size: 1.4em;
      line-height: 29px; }
    .tarjetaConvocatoria a .tarjetaInformacion .extracto {
      font-family: "ff-basic-gothic-web-pro", sans-serif;
      font-style: normal;
      font-weight: 200;
      font-size: 1.2em;
      margin-bottom: 5rem; }
    .tarjetaConvocatoria a button {
      background-color: transparent;
      border: none;
      padding: 0.75rem 2rem;
      margin: 0 0 1rem 0;
      position: absolute;
      bottom: 0;
      right: 16px; }
    .tarjetaConvocatoria a:hover button {
      color: #f15e5b; }
    .tarjetaConvocatoria a:hover {
      color: black; }

.convocatoriaTitulo h3 {
  border-bottom: none !important; }

.convocatoriaTitulo .convocatoriasFechas .share-links {
  height: auto;
  display: inline-block;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 0.85em; }

#convocatorias {
  padding-top: 2rem;
  display: flex;
  justify-content: center; }

.tarjetasConvocatoria {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .tarjetasConvocatoria .resultadosFlag {
    text-align: center;
    position: absolute;
    top: -205px;
    left: 0; }
    .tarjetasConvocatoria .resultadosFlag h5 {
      display: inline-block;
      padding: 1rem 2rem;
      margin: 0 !important;
      width: auto;
      background-color: #F15E5B;
      color: white; }

.resultadosDescargables a button {
  transition: 0.5s;
  border: 0;
  margin: 0.5rem 0;
  padding: 1rem 3rem 1rem 0;
  background-color: transparent;
  color: #000; }
  .resultadosDescargables a button:hover {
    color: #F15E5B; }

.convocatoria .contenedor {
  margin-top: 0rem;
  background-color: #FFF;
  margin-bottom: 0rem; }
  .convocatoria .contenedor .row {
    display: flex;
    justify-content: center;
    flex-direction: column; }
    .convocatoria .contenedor .row .informacion {
      padding: 48px;
      max-width: 960px;
      margin: 0 auto; }
      .convocatoria .contenedor .row .informacion .convocatoriaPublicado {
        text-align: right; }
      .convocatoria .contenedor .row .informacion .action {
        margin: 20px 0; }
      .convocatoria .contenedor .row .informacion ul li {
        display: list-item;
        list-style-type: initial;
        margin-bottom: 1rem;
        font-family: "ff-basic-gothic-web-pro", sans-serif;
        font-size: 1.15em;
        line-height: 1.4em; }
      .convocatoria .contenedor .row .informacion ol li {
        display: list-item;
        list-style-type: decimal;
        margin-bottom: 1rem;
        font-family: "ff-basic-gothic-web-pro", sans-serif;
        font-size: 1.15em;
        line-height: 1.4em; }
      .convocatoria .contenedor .row .informacion .verMas {
        transition: 0.5s;
        border: 0;
        margin: 0.5rem 0;
        padding: 1rem 3rem;
        background-color: transparent;
        color: #000; }
        .convocatoria .contenedor .row .informacion .verMas:hover {
          color: #F15E5B; }
  .convocatoria .contenedor p {
    font-family: "ff-basic-gothic-web-pro", sans-serif;
    font-size: 1.15em;
    line-height: 1.4em;
    margin-top: 1rem;
    margin-bottom: 2rem; }
  .convocatoria .contenedor h4 {
    font-size: 2rem;
    font-weight: 400; }
  .convocatoria .contenedor h3 {
    font-size: 1.2em;
    font-weight: bolder; }

.resultadoContenido {
  margin-bottom: 3rem; }
  .resultadoContenido h4 {
    margin: 1.5rem 0; }

.contenedorVerMas {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 !important; }

.contenedorVerMas {
  transition: height 1s; }
  .contenedorVerMas h4 {
    margin: 1.5rem 0; }
  .contenedorVerMas .contenido {
    transition: height 1s;
    height: 196px;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box; }
    .contenedorVerMas .contenido .text-overlay {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 120px;
      background-image: linear-gradient(to bottom, transparent, white); }

.hidden {
  display: none; }

.convocatoriaFechas {
  padding: 0 !important;
  text-align: center !important; }

.convocatoriasFinalizadas {
  background-color: white;
  max-width: 56rem;
  height: auto;
  padding: 4rem; }
  .convocatoriasFinalizadas .category {
    text-align: center;
    margin-bottom: 2rem; }
  .convocatoriasFinalizadas h2 {
    text-align: center;
    margin-bottom: 2rem; }
  .convocatoriasFinalizadas span {
    text-align: center;
    margin-bottom: 2rem; }
    .convocatoriasFinalizadas span p {
      font-family: "ff-basic-gothic-web-pro", sans-serif;
      font-style: normal;
      font-weight: 200;
      font-size: 1.2em; }
  .convocatoriasFinalizadas .botonConvocatorias {
    text-align: center; }
    .convocatoriasFinalizadas .botonConvocatorias a {
      padding: 1rem 2.5rem;
      display: block; }
      .convocatoriasFinalizadas .botonConvocatorias a:hover {
        color: #F15E5B; }

@media screen and (min-width: 724px) {
  .convocatoria .contenedor {
    margin-top: 6rem;
    margin-bottom: 11rem; } }

@media screen and (min-width: 970px) {
  .convocatoria .contenedor {
    margin-top: 11rem; } }

@media screen and (min-width: 1170px) {
  .convocatoria .contenedor {
    margin-top: 2rem; } }

#entradasInicio {
  margin-top: 64px; }

.tarjetaEntrada {
  padding: 1rem;
  margin-bottom: 1rem;
  height: auto; }
  .tarjetaEntrada a {
    background-color: #FFF;
    color: black;
    display: block;
    transition: 0.25s;
    overflow: hidden;
    height: 100%; }
    .tarjetaEntrada a .tarjetaImagen {
      height: 240px;
      width: 100%;
      padding: 0; }
      .tarjetaEntrada a .tarjetaImagen img {
        object-fit: cover;
        height: 100%;
        width: 100%;
        display: flex !important; }
    .tarjetaEntrada a .tarjetaInformacion h1,
    .tarjetaEntrada a .tarjetaInformacion h2,
    .tarjetaEntrada a .tarjetaInformacion h3,
    .tarjetaEntrada a .tarjetaInformacion h4,
    .tarjetaEntrada a .tarjetaInformacion h5,
    .tarjetaEntrada a .tarjetaInformacion h6 {
      margin: 1rem 0; }
    .tarjetaEntrada a .tarjetaInformacion .tarjetaResponsable {
      padding: 3rem 0; }
      .tarjetaEntrada a .tarjetaInformacion .tarjetaResponsable p {
        display: inline;
        text-align: center;
        letter-spacing: 1px;
        padding-bottom: 5px;
        border-bottom: 2px solid blue;
        text-transform: uppercase; }
    .tarjetaEntrada a .tarjetaInformacion .tituloEntrada h4 {
      padding-top: 0;
      padding-bottom: 0rem;
      margin-top: 0;
      text-align: center;
      font-size: 1.4em;
      line-height: 29px; }
    .tarjetaEntrada a .tarjetaInformacion .extracto {
      font-family: "ff-basic-gothic-web-pro", sans-serif;
      font-style: normal;
      font-weight: 200;
      font-size: 1.2em;
      margin-bottom: 5rem; }
    .tarjetaEntrada a button {
      background-color: transparent;
      border: none;
      padding: 0.75rem 2rem;
      margin: 0 0 1rem 0;
      position: absolute;
      bottom: 16px;
      right: 16px; }
    .tarjetaEntrada a:hover button {
      color: #f15e5b; }
    .tarjetaEntrada a:hover {
      color: black; }

.entradaTitulo h3 {
  border-bottom: none !important; }

.entradaTitulo .entradasFechas .share-links {
  height: auto;
  display: inline-block;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 0.85em; }

#entradas {
  padding-top: 2rem;
  display: flex;
  justify-content: center; }

.tarjetasEntrada {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .tarjetasEntrada .resultadosFlag {
    text-align: center;
    position: absolute;
    top: -205px;
    left: 0; }
    .tarjetasEntrada .resultadosFlag h5 {
      display: inline-block;
      padding: 1rem 2rem;
      margin: 0 !important;
      width: auto;
      background-color: #F15E5B;
      color: white; }

.entrada .contenedor {
  margin-top: 0rem;
  background-color: #FFF;
  margin-bottom: 0rem; }
  .entrada .contenedor .row {
    display: flex;
    justify-content: center;
    flex-direction: column; }
    .entrada .contenedor .row .informacion {
      padding: 48px;
      max-width: 960px;
      margin: 0 auto; }
      .entrada .contenedor .row .informacion .entradaPublicado {
        text-align: right; }
      .entrada .contenedor .row .informacion .action {
        margin: 20px 0; }
      .entrada .contenedor .row .informacion ul li {
        display: list-item;
        list-style-type: initial;
        margin-bottom: 1rem;
        font-family: "ff-basic-gothic-web-pro", sans-serif;
        font-size: 1.15em;
        line-height: 1.4em; }
      .entrada .contenedor .row .informacion ol li {
        display: list-item;
        list-style-type: decimal;
        margin-bottom: 1rem;
        font-family: "ff-basic-gothic-web-pro", sans-serif;
        font-size: 1.15em;
        line-height: 1.4em; }
      .entrada .contenedor .row .informacion .verMas {
        transition: 0.5s;
        border: 0;
        margin: 0.5rem 0;
        padding: 1rem 3rem;
        background-color: transparent;
        color: #000; }
        .entrada .contenedor .row .informacion .verMas:hover {
          color: #F15E5B; }
  .entrada .contenedor p {
    font-family: "ff-basic-gothic-web-pro", sans-serif;
    font-size: 1.15em;
    line-height: 1.4em;
    margin-top: 1rem;
    margin-bottom: 2rem; }
  .entrada .contenedor h4 {
    font-size: 2rem;
    font-weight: 400; }
  .entrada .contenedor h3 {
    font-size: 1.2em;
    font-weight: bolder; }

.contenedorVerMas {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 !important; }

.contenedorVerMas {
  transition: height 1s; }
  .contenedorVerMas h4 {
    margin: 1.5rem 0; }
  .contenedorVerMas .contenido {
    transition: height 1s;
    height: 196px;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box; }
    .contenedorVerMas .contenido .text-overlay {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 120px;
      background-image: linear-gradient(to bottom, transparent, white); }

.hidden {
  display: none; }

.entradaFechas {
  padding: 0 !important;
  text-align: center !important; }

.entradasFinalizadas {
  background-color: white;
  max-width: 56rem;
  height: auto;
  padding: 4rem; }
  .entradasFinalizadas .category {
    text-align: center;
    margin-bottom: 2rem; }
  .entradasFinalizadas h2 {
    text-align: center;
    margin-bottom: 2rem; }
  .entradasFinalizadas span {
    text-align: center;
    margin-bottom: 2rem; }
    .entradasFinalizadas span p {
      font-family: "ff-basic-gothic-web-pro", sans-serif;
      font-style: normal;
      font-weight: 200;
      font-size: 1.2em; }
  .entradasFinalizadas .botonEntradas {
    text-align: center; }
    .entradasFinalizadas .botonEntradas a {
      padding: 1rem 2.5rem;
      display: block; }
      .entradasFinalizadas .botonEntradas a:hover {
        color: #F15E5B; }

@media screen and (min-width: 724px) {
  .entrada .contenedor {
    margin-top: 6rem;
    margin-bottom: 11rem; } }

@media screen and (min-width: 970px) {
  .entrada .contenedor {
    margin-top: 11rem; } }

@media screen and (min-width: 1170px) {
  .entrada .contenedor {
    margin-top: 2rem; } }