body, h1, h2, h3, h4, h5, h6 {
  font-family: 'Raleway', sans-serif!important;
}

.lineheader { width:100%; text-align:center; border-bottom: 3px solid #A1C747; line-height:0.1em; margin:10px 0 20px; }
.lineheader span { background:#F7F7F7; padding:0 10px; font-size: 1.7em; font-weight: bold; color: #A22C85; }

.greenshadow {

}

body {
  color: #08509d;
}

.index {
  background-image:url('../img/bg.jpg');
  background-size: cover;
}

.academia {
  background-image:url('../img/bg-videos.png');
  background-size: contain;
}

/* Sticky footer styles
-------------------------------------------------- */

@media (min-width: 996px) {
  .footer {
    display: block!important;
    position: absolute;
    width: 100%;
    height: auto;  /*Set the fixed height of the footer here */
    line-height: 68px; /* Vertically center the text there */
    background-color: #124d92;
    color:white;
    min-height:70px;
  }
  .logintab {
    border-left: 1px solid lightgrey;
  }

  .hora {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
  }

  .titulo-parte {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    margin-left: -15px;
    text-align: left!important;
  }
}

@media (max-width: 996px) {
  .footer-responsive {
    display: block!important;
  }
}

.hora {
  background-color: #A2C748CC;
  /*padding-left: 15px;
  padding-right: 15px;*/
  color: white;
}

.titulo-parte {
  background-color: #A22C85CC;
  /*padding-left: 15px;
  padding-right: 15px;*/
  color: white;
  padding-left: 25px;
  text-align: center;
}

.explicacion p {
  font-size: 1em;
}

.livestreaming-button a:hover {
  text-decoration: underline;
  text-decoration-color: grey!important;
}

/* Academia Techdow */

.contenido-canal .btn {
  padding: 0!important;
  white-space: normal!important;
  text-align: inherit!important;
}

.canal-header {
  font-family: 'Open Sans Condensed', sans-serif!important;
  font-size: 1.2em;
  padding: 13px 0px 13px 0px;
  border-bottom: 1px solid #dddddd;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f4f4f4+100 */
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
  border-right: 1px solid #dddddd;
  -webkit-box-shadow: 0px 4px 5px 0px rgba(230,230,230,1);
  -moz-box-shadow: 0px 4px 5px 0px rgba(230,230,230,1);
  box-shadow: 0px 5px 5px 0px rgba(230,230,230,1);
}

.canal li {
  margin-bottom: 10px!important;
}

.contenido-canal img {
  margin-bottom: 15px;
}

.bx-wrapper {
  border: 0;
}

@-webkit-keyframes float {
  0% {

    -webkit-transform: translatey(0px);
            transform: translatey(0px);
  }
  50% {

    -webkit-transform: translatey(-20px);
            transform: translatey(-20px);
  }
  100% {

    -webkit-transform: translatey(0px);
            transform: translatey(0px);
  }
}

@keyframes float {
  0% {

    -webkit-transform: translatey(0px);
            transform: translatey(0px);
  }
  50% {

    -webkit-transform: translatey(-20px);
            transform: translatey(-20px);
  }
  100% {

    -webkit-transform: translatey(0px);
            transform: translatey(0px);
  }
}

@media (max-width:992px) {
  .spirocoaching-helper {
    display: none!important;
  }
}

.spirocoaching-helper {
  position: fixed;
  right: 20px;
  bottom: 80px;
  cursor: pointer;
        transform: translatey(0px);
        animation: float 2s ease-in-out infinite;
}

.spiro-wrap {
  position: relative;
}

.spirocoaching-helper .bocadillo {
  position: absolute;
  background-color: #a2c748;
  padding: 20px;
  border-radius: 6px;
  color: white;
  left: -300px;
  width:300px;
  display: none;
}

.spirocoaching-helper .btn {
  padding: 6px!important;
}

.canal {
  color: #a32985;
}

.blink {
  animation: blinker 2s linear infinite;
}

@keyframes blinker {
  50% { opacity: 0; }
}
.ticker {
  background: rgb(158,40,129);
background: -moz-linear-gradient(top, rgba(158,40,129,1) 0%, rgba(175,97,156,1) 100%);
background: -webkit-linear-gradient(top, rgba(158,40,129,1) 0%,rgba(175,97,156,1) 100%);
background: url('../img/webinar-bg.png'), linear-gradient(to bottom, rgba(158,40,129,1) 0%,rgba(175,97,156,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e2881', endColorstr='#af619c',GradientType=0 );
background-repeat: no-repeat;
background-position: center right;
  padding: 20px;
  border-top: 1px solid lightgrey;
  color: white;
  font-size: 1.3em;
}

.ticker a {
  text-decoration: none!important;
}

.popover {
  max-width: 400px;
}

.popover a {
  color: #424242;
}

.footer a {
  color:white!important;
}

footer {
  color: white!important;
  background-color: #124d92;
}

@media (max-width:992px)
 {

 }

 @media (min-width:992px) {
   .bocadillo-mobile {
     display:none!important;
   }
 }

 .vertical-line {
   margin-left:30px;
   /*max-height: 148px; */
   border-left:1px solid #A2C748;
 }

 @media screen and (max-width:1200px) {
   .vertical-line {
     border-left:none!important;
     margin-left:15px!important;
     height: auto!important;
     max-height:none!important
   }
 }

 .main {
   background-image: url('../img/computers-3.png');
   background-repeat: no-repeat;
   background-position: 90% 80%;
   background-attachment: local;
 }

 .hora {
   background-color: #A2C748CC;
   /*padding-left: 15px;
   padding-right: 15px;*/
   color: white;
 }

 .titulo-parte {
   background-color: #A22C85CC;
   /*padding-left: 15px;
   padding-right: 15px;*/
   color: white;
   padding-left: 25px;
   text-align: center;
 }

 .explicacion p {
   font-size: 1em;
 }

 .livestreaming-button a:hover {
   text-decoration: underline;
   text-decoration-color: grey!important;
 }
 .morado {
   color: #A22C85!important;
 }
 .verde {
   color: #A2C748!important;
 }

.form-control {
   border-radius: 0!important;
 }
.sombraboton {
  box-shadow: 3px 7px 6px -3px rgba(227,227,227,1);
}

.dotted {
  border-top: 3px dotted #08509d;
  border-bottom: 3px dotted #08509d;
}

.videobox {
  border-top: 2px solid #7ab0e0;
}
.video-description {
  background: white;
  box-shadow: 0 3px 10px #c3c3c3;
  padding: 15px;
  border-top: 4px solid #08509d;
  min-height: 220px;
}

@media screen and (max-width:800px) {
  .video-description {
    box-shadow: none!important;
  }
}

.event-title {
  text-transform: uppercase;
  padding-bottom: 5px;
  border-bottom: 2px dotted grey;
  color: #d64545;
  font-weight: bold;
}

.video-title {
  font-weight: bold;
  color: #08509d;
  padding-top: 5px;
  font-size: 1.1em;
}

.person {
  padding-top: 5px;
  color: #4d4d4d;
  font-weight: bold;
}

.charge {
  color: #4d4d4d;
  font-style: italic;
}

.section-title {
  font-size: 1.3em;
  margin-bottom: 10px;
}

.carousel-item a {
  cursor:default;
}