.back-v{
 background-image:url(back-video-operacion.854f3e78fbe485119131.png)
}
.bg-color-video{
 background-color:#add4d7!important;
 border-top:1px solid #add4d7!important;
 margin-bottom:0
}
.btn-video{
 border-bottom:1px solid #add4d7
}
.timeline-icon-inicio{
 width:50px;
 height:50px;
 background:#d80088;
 border:1px solid #d80088;
 margin-left:-25px;
 color:#fff;
 font-weight:600;
 font-size:32px
}
.circle-lista{
 width:50px;
 height:50px;
 line-height:50px;
 border-radius:50%;
 -moz-border-radius:50%;
 -webkit-border-radius:50%;
 text-align:center;
 font-size:25px;
 color:#fff;
 text-transform:uppercase;
 font-weight:700;
 background-color:#c9217b
}
.card{
 margin-top:35%
}
.dropdown-divider.line-vertical-medium{
 height:200px;
 overflow:hidden;
 background:#9b9b9b;
 width:.9px;
 content:"";
 display:block;
 position:absolute;
 bottom:0;
 top:0;
 right:49.98%;
 min-height:200px
}
@media only screen and (min-width:320px) and (max-width:359px) {
 .bg-color-video{
  margin-bottom:60px
 }
 .circle-lista{
  width:35px;
  height:35px;
  line-height:35px;
  font-size:18px
 }
 .card{
  margin-top:0
 }
 .card.centrar-capa{
  margin-bottom:30px
 }
 .card-img-top{
  padding-top:0!important;
  margin-bottom:50px
 }
 .card-img-top.big{
  height:120px;
  width:auto!important
 }
 .btn-video{
  border-bottom:1px solid #fff
 }
}
@media only screen and (min-width:360px) and (max-width:413px) {
 .bg-color-video{
  margin-bottom:60px
 }
 .circle-lista{
  width:35px;
  height:35px;
  line-height:35px;
  font-size:18px
 }
 .card{
  margin-top:0
 }
 .card.centrar-capa{
  margin-bottom:30px
 }
 .card-img-top{
  padding-top:0!important;
  margin-bottom:50px
 }
 .card-img-top.big{
  height:120px;
  width:auto!important
 }
 .btn-video{
  border-bottom:1px solid #fff
 }
}
@media only screen and (min-width:414px) and (max-width:479px) {
 .bg-color-video{
  margin-bottom:60px
 }
 .circle-lista{
  width:40px;
  height:40px;
  line-height:39px;
  font-size:22px
 }
 .card{
  margin-top:0
 }
 .card.centrar-capa{
  margin-bottom:30px
 }
 .card-img-top{
  padding-top:0!important;
  margin-bottom:50px
 }
 .top{
  margin-top:-30px
 }
 .card-img-top.big{
  height:120px;
  width:auto!important
 }
}
@media only screen and (min-width:480px) and (max-width:767px) {
 .circle-lista{
  width:35px!important;
  height:35px!important;
  line-height:35px!important;
  font-size:19px;
  margin-bottom:5px
 }
 .mostrar-movil.centrar-vertical{
  display:-webkit-inline-flex!important
 }
 .card{
  margin-top:0!important
 }
 .card-img-top{
  padding-top:0!important;
  margin-bottom:0
 }
 .card-text{
  text-align:left!important
 }
 .card-img-top.big{
  height:120px;
  width:auto!important
 }
}
@media only screen and (min-width:768px) and (max-width:991px) {
 .circle-lista{
  width:35px!important;
  height:35px!important;
  line-height:35px!important;
  font-size:19px;
  margin-bottom:5px
 }
 .card{
  margin-top:0!important
 }
 .card-img-top{
  padding-top:0!important;
  width:250px!important
 }
 .dropdown-divider.line-vertical-lg{
  height:250px
 }
}
@media only screen and (min-width:992px) and (max-width:1024px) {
 .card{
  margin-top:0!important
 }
 .card-img-top{
  width:250px!important;
  margin-top:0!important
 }
 .dropdown-divider.line-vertical-lg{
  height:250px
 }
}
@media only screen and (min-width:1025px) and (max-width:1366px) {
 .card{
  margin-top:0!important
 }
 .card-img-top{
  width:250px!important;
  margin-top:0!important
 }
 .card-img-top.big{
  height:150px;
  width:auto!important
 }
}
@media only screen and (min-width:1367px) and (max-width:1920px) {
 .card-img-top{
  width:300px!important
 }
 .card{
  /* width:250px!important; */
  margin-top:0!important
 }
 .card-img-top.big{
  height:230px;
  width:auto!important
 }
}
@media only screen and (min-width:1921px) {
 .card{
  width:350px!important;
  margin-top:0!important
 }
 .circle-lista{
  font-size:25px
 }
 .card-img-top.big{
  height:150px;
  width:auto!important
 }
}