a {color: #00749e}
a:hover {
  color: #bc513d;
  text-decoration: none
}
sup { font-size:70% !important; line-height: 70% !important}
.barra {
  border-right: 1px solid #E20A17;
  padding-top: 0px;
  padding-bottom: 0px
}
p, ul {color:#212121; font-weight: 300;
}
.h1, h1 {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 2rem;
font-weight: 400;
line-height: 3rem;
margin-bottom: 1.5rem
}
@media(min-width:768px) {
.h1, h1 {
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 3.5rem
}
}
.h2, h2 {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.5rem;
font-weight: 400;
line-height: 2.5rem;
margin-bottom: 1.5rem
}
@media(min-width:768px) {
.h2, h2 {
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 3rem
}
}
.h3, h3 {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.125rem;
font-weight: 300;
line-height: 2rem;
margin-bottom: 1rem
}
@media(min-width:768px) {
.h3, h3 {
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 2.5rem;
  margin-bottom: 1.5rem
}
}
.h4, h4 {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 1.5rem;
margin-bottom: 1rem
}
@media(min-width:768px) {
.h4, h4 {
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 2rem
}
}
.h5, h5 {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 1.5rem;
margin-bottom: 0
}
@media(min-width:768px) {
.h5, h5 {
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem
}
}
.h6, h6 {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: .875rem;
font-weight: 700;
line-height: 1.5rem;
margin-bottom: 1rem
}
@media(min-width:768px) {
.h6, h6 {
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.5rem
}
}
.card {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 3px 8px rgba(33, 33, 33, .2);
display: block;
overflow: hidden;
position: relative
}
.card > img {
display: block;
width: 100%
}
.card .card-body {
padding: 2rem 1rem
}
.card .card-body > :first-child {
margin-top: 0
}
.card .card-body > :last-child {
margin-bottom: 0
}
@media(min-width:1200px) {
.card .card-body {
  padding: 3.5rem
}
}
@media(max-width:1199.98px) {
.card .card-body {
  padding: 3rem
}
}
@media(max-width:991.98px) {
.card .card-body {
  padding: 2rem
}
}
@media(max-width:767.98px) {
.card .card-body {
  padding: 1rem
}
}
.ver_video {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-bottom-radius: 20px;
  padding: 10px;
padding-left: 20px;
padding-right: 20px;
}
.ver_video:hover {
  color: #ffffff;
}

.active {
  font-weight: 900;
}
.active:hover {
  color: #ffffff;
}
.navbar-light .navbar-nav .nav-link {
  color: #E20A17;
}
.bg-bco {
  background-color: #ffffff !important;
}
.bg-body {
  background-color: #f2f2f2
}
.bg-black {
  background-color: #191919
}
.bg-gris {
  background-color: #F5F5F5
}
.bg-amarrillo {
  background-color: #F9C32C
}
.bg-rojo {
  background-color: #bc513d
}
.bg-rojom {
  background-color: #c13624
}
.bg-verde {
  background-color: #59815c
}
.bg-boton {
  background-color: #e68b84;
  border: none
}
.bg-gris-img {
  background: url('../img/fondo_gris.png') center / cover no-repeat;
}
.bg-boton:hover {
  background-color: #000000;
  border: none
}
.borR {
  border-radius: 5%
}
.shad {
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.5);
}
.ffRoboto {
  font-family: 'Roboto', sans-serif;
}
.fs12 {
  font-size: 12px
}
.fs14 {
  font-size: 14px
}
.fs15 {
  font-size: 15px
}
.fs16 {
  font-size: 16px
}
.fs17 {
  font-size: 17px
}
.fs18 {
  font-size: 18px
}
.fs19 {
  font-size: 19px
}
.fs20 {
  font-size: 20px
}
.fs24 {
  font-size: 24px
}
.fs25 {
  font-size: 25px
}
.fs29 {
  font-size: 29px; font-weight: 500;
}
.rojo {
  color: #bc513d
}
.verde {
  color: #59815c
}
.negro {
  color: #000000
}
.bco {
  color: #ffffff
}
.azul {
  color: #1b3e7e
}
.logo {
  width: 160px
}
.titular {
  color: #1b3e7e;
font-size: 24px;
font-weight: 500;
}
.fw-300 {font-weight: 300;}
.fw-500 {font-weight: 500;}
.fw-700 {font-weight: 700;}
.fw-900 {font-weight: 700;}
.switch-icon0 { transform: rotate(0deg); transition: all .5s; cursor: pointer }
.switch-icon1 { transform: rotate(90deg); transition: all .5s; cursor: pointer }
.switch-icon2 { transform: rotate(90deg); transition: all .5s; cursor: pointer }
.switch-icon3 { transform: rotate(90deg); transition: all .5s; cursor: pointer }
.switch-icon4 { transform: rotate(90deg); transition: all .5s; cursor: pointer }
.switch-icon5 { transform: rotate(90deg); transition: all .5s; cursor: pointer }

.card {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 3px 8px rgba(33, 33, 33, .2);
display: block;
overflow: hidden;
position: relative
}
.card > img {
display: block;
width: 100%
}
.card .card-body {
padding: 2rem 1rem
}
.card .card-body > :first-child {
margin-top: 0
}
.card .card-body > :last-child {
margin-bottom: 0
}
@media(min-width:1200px) {
.card .card-body {
  padding: 3.5rem
}
}
@media(max-width:1199.98px) {
.card .card-body {
  padding: 3rem
}
}
@media(max-width:991.98px) {
.card .card-body {
  padding: 2rem
}
}
@media(max-width:767.98px) {
.card .card-body {
  padding: 1rem
}
}


.card {border: 0px;height:100%;}
.accordion>.card>.card-header {
   margin-bottom: 1px; border-bottom: solid 1px #212121 !important;
}
.accordion>.card>.card-header p{
   font-weight: 300 !important; margin-top: 1rem;
}
.card-body {background: #e1e1e1; border: none;}
.card-body p { border: none; font-weight: 300 !important;}
.no-border {border-image: none; border:none;}

.degradado {background: rgb(188,81,61); background: linear-gradient(90deg, rgba(188,81,61,1) 0%, rgba(27,62,126,1) 100%);}

.content-tabs {
background: #ffffff;
border-radius: 12px 12px 12px 12px;
-moz-border-radius: 12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
-webkit-box-shadow: 0px 0px 12px 5px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.5);
border: 0px solid #000000;
overflow: hidden;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
    color: #495057;
    background-color: #F5F5F5;
    border-color: #dee2e6 #dee2e6 #fff
}
.tab-content .tab-pane.active {
    font-weight: 300;
}
.icon.inline {
display: inline-block;
height: 1em;
vertical-align: middle;
width: 1em;
  fill: #00749e;
  margin-right: 5px
}
.icon.inline:hover {
  fill: #bc513d !important;
}

.boton-modal {
border:1px solid #ffffff;
padding:10px 15px;
color:#ffffff;
background-color: transparent;
font-size:20px;
width:90px;
}
.boton-modal:hover {
color:#ffffff;
}
.modal-footer {
border-top:none
}

@media (max-width: 575.98px) {
  .no-break {
    display: none !important;
  }
  .text-body {
    text-align: left
  }
}
@media (max-width: 767px) {
  .no-break {
    display: none !important;
  }
.bg-gris-img {
  background: none;
}
}
@media (max-width: 1144px) {
  .no-break {
    display: none !important;
  }
}

.video-container {
  width: 100%;
  margin: auto;
}


.video-container iframe {
  width: 100%;
  height: auto;
  min-height: 350px; 
  border-radius: 8px; 
filter: none !important;
    opacity: 1 !important;
}

@media (max-width: 768px) {
  .video-container iframe {
    min-height: 300px;