.banner-area-Hit{
  background-size: cover !important;
}
.banner-title{
  font-family: Raleway, sans-serif;
  color: #172D4B !important;
}
.banner-area-about{
  background-position:50% 0%;
}
.banner-area-FAQ{
  min-height: 500px
}
.blue{
  color: #172D4B;
}
.next-videos-btn {
  color: #fff !important;
  background: transparent !important;
  border: 2px solid #FFF !important;
  margin: 35px 0px;
  padding: 10px 15px;
  line-height: 1.5;
  border-radius: .25rem;
}

.next-videos-btn:hover {
  font-family: 'Raleway', sans-serif !important;
  color: #FFF !important;
  border: 2px #fff solid !important;
  background: #172D4B !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
  color: #172D4B !important;
}
.tab-card-header > .nav-tabs > li > a.active{
  color:#002856 !important;
}
.banner-carousel-item, .banner-area, .banner-area-about, .banner-lending, .banner-area-prot, .banner-area-contact, .banner-area-FAQ{
  /*box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.4);*/
}
.banner-subtitle-len2{
  line-height: 30px !important;
}
.lifeinsurance-leanmore-button{
  background:#93cc6e !important;
}
@media (max-width: 991px) {
  .logo2{
    width: 70% !important;
  }
}
.dropdown-menu-portfolios{
  background:#E6ECF4 !important
}
.automated-section-1{
  background:#E6ECF4 !important
}
.automated-section-3-title, .automated-section2-title, .automated-section2-title{
  color:#002856!important;
}
.automated-section-5{
  background:#002856 !important
}
.automated-section-5-text{
  color:#fff !important;
}

/*#container-calculator {*/
  .tabs {
  	display: block;
  	display: -webkit-flex;
  	display: -moz-flex;
  	display: flex;
  	-webkit-flex-wrap: wrap;
  	-moz-flex-wrap: wrap;
  	flex-wrap: wrap;
  	margin: 0;
  	overflow: hidden;
  }

  .tabs [class^="tab"] label,
  .tabs [class*=" tab"] label {
  	color: #999;
  	cursor: pointer;
  	display: block;
  	font-size: 1.1em;
  	font-weight: bold;
  	line-height: 1em;
  	padding: 2rem 0;
  	text-align: center;
  }

  .tabs [class*=" active"] label {
    color: #002856;
  }

  .tabs [class*=" active"] h3 {
    color: #002856 !important;
  }

  div.tabs label:hover {
    filter:unset !important;
  }

  .tabs [class^="tab"] [type="radio"],
  .tabs [class*=" tab"] [type="radio"] {
  	border-bottom: 1px solid #999;
  	cursor: pointer;
  	-webkit-appearance: none;
  	-moz-appearance: none;
  	appearance: none;
  	display: block;
  	width: 100%;
  	-webkit-transition: all 0.3s ease-in-out;
  	-moz-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
  }

  .tabs [class^="tab"] [type="radio"]:hover,
  .tabs [class^="tab"] [type="radio"]:focus,
  .tabs [class*=" tab"] [type="radio"]:hover,
  .tabs [class*=" tab"] [type="radio"]:focus {
  	border-bottom: 1px solid #002856;
    color: #002856;
  }

  .tabs [class^="tab"] [type="radio"]:checked,
  .tabs [class*=" tab"] [type="radio"]:checked {
  	border-bottom: 2px solid #002856;
    color: #002856;
  }

  .tabs [class^="tab"] [type="radio"]:checked+div,
  .tabs [class*=" tab"] [type="radio"]:checked+div {
  	opacity: 1;
  }

  .tabs [class^="tab"] [type="radio"]+div,
  .tabs [class*=" tab"] [type="radio"]+div {
  	display: block;
  	opacity: 0;
  	padding: 2rem 0;
  	width: 90%;
  	-webkit-transition: all 0.3s ease-in-out;
  	-moz-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
  }

  .tabs .tab-2 {
  	width: 50%;
  }

  .tabs .tab-2 [type="radio"]+div {
  	width: 200%;
  	margin-left: 200%;
  }

  .tabs .tab-2 [type="radio"]:checked+div {
  	margin-left: 0;
  }

  .tabs .tab-2:last-child [type="radio"]+div {
  	margin-left: 100%;
  }

  .tabs .tab-2:last-child [type="radio"]:checked+div {
  	margin-left: -100%;
  }

  #objetive_mode_button, #return_mode_button {
    box-shadow: unset !important;
    border-radius: unset !important;
    background-color: transparent !important;
    padding: unset !important;
    color: #002856 !important;
    font-weight: bold !important;
    cursor: pointer !important;
    font-size: 14px !important;
  }

  input[type="radio"]:checked + label{
    color: #002856 !important;
  }
/*}*/
.product-home, .custom-link-submenu, .submenu-top-bar{
  color: #002856 !important;
}
.dropdown-menu li a{
  color: #002856 !important;
}

.controller-title h3{
  color: #172D4B !important;
}
.controller-title.hightlighted {
  background-color: #172D4B;
  border-bottom: 1px solid #172D4B;
}  
#total_balance, #total_return{
  color: #002856 !important;
}
#portfolio-types-container h2{
  color: #172D4B !important;
}
#portfolio-types-container label{
  /*background-color: #C2FFFD !important;*/
}
.all-clients{
    border: 1px solid #00CCC5 !important;
    box-shadow: 0px 0px 8px 0px #00CCC5 !important;
    border-radius: 8px;
} 

.button_bcp{
  border: 1px solid #00AFAA !important;
}

.locked, .infographyIcon,
span.home-section-4-icon img,
div.hit-section-4-card-body img,
section.calculator-section-2 img {
  filter: brightness(0) saturate(100%) invert(20%) sepia(29%) saturate(1642%) hue-rotate(184deg) brightness(95%) contrast(102%) !important;
}

div.portfolio-section-1 th {
  color: #fff;
  background: #172D4B;
  border-bottom: 4px solid #E6ECF4;
  border-right: 1px solid #E6ECF4;
  font-size: 15px;
  font-weight: 500;
  padding: 15px;
  text-align: left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align: middle;
  font-family: 'Raleway', sans-serif;
}
div.portfolio-section-1 td {
  color: #172D4B;
  background: #fff;
  font-family: 'Raleway', sans-serif;
}
div.portfolio-section-1 tr {
  color: #172D4B;
  background: #fff;
  font-family: 'Raleway', sans-serif;
}
.alianzas-borde{
  border-left:5px solid #00AFAA
}
.blue2{
  color: #172D4B !important;
}
.ibonds-section-1{
  background:#e6ecf4; /*linear-gradient(180deg, #FFFFFF 0%, #EDF3F7 100%) !important;*/
}
.ibonds-section-2, .ibonds-section-4, .ibonds-section-5, .ibonds-section-6{
  background:linear-gradient(180deg, #FFFFFF 0%, #EDF3F7 100%) !important;
}
.ibonds-section-1-title, .ibonds-section-1-text, .service-box-title2, .service-box-text2, .ibonds-section-2-title, .ibonds-section-2-text{
  color: #172D4B !important;
  font-family: 'Raleway', sans-serif !important;
}
.ibonds-icon-color{
  color: #00AFAA !important;
}
.ts-service-box-img img{
 filter: brightness(0) saturate(100%) invert(43%) sepia(94%) saturate(696%) hue-rotate(138deg) brightness(97%) contrast(101%) !important;
}
.ibonds-section-5-text, .ibonds-disclaimer-text, .discraimer_text{
  color: #172D4B !important;
  font-family: 'Raleway', sans-serif !important;
  padding:5%;
}

.container-ibonds-instrucciones{
  background-color: #EDF3F7 !important;
  padding: 40px 24px;
  border-radius: 8px;
  border: 1px solid #e6ecf4 !important;
}    
.fa{
  color: #00AFAA !important;
}
.ibonds-section-6-border-right{
  border-right: #00AFAA solid 2px !important;
}
.box-data-ibonds{
  border-radius: 10px; 
  background: #EDF3F7 !important;
  border: 1px solid #00AFAA;
}
.border-color-box-ibonds-1, .border-color-box-ibonds-2, .border-color-box-ibonds-3, .border-color-box-ibonds-4, .border-color-box-ibonds-5, .border-color-box-ibonds-6{
  border-color: #00AFAA !important;
}
.title-data-tbill{
  color: #172D4B !important;
  font-family: 'Raleway', sans-serif !important;
}
.tbill-section-2{
  background: #e6ecf4 !important;
}
.tbill-button {
  background: #00AFAA !important;
  color: #002856 !important;
  font-family: Raleway, sans-serif !important;
  padding: 5% !important;
  margin-top: 5% !important;
}
.tbill-button:hover {
  background: #C2FFFD !important;
  color: #002856 !important;
  font-family: Raleway, sans-serif !important;
  
}
.t-bill-banner-title-2{
  font-size: 25px !important;
  font-weight: 300 !important;
  padding: 2%;
}
.tbill-section-1-text{
  font-style: normal !important;
}
.singlebonds-section-2-title{
  color: #172D4B !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 35px !important;
  text-align: center !important;
  font-weight: 700 !important;
}
.singlebonds-section-2-text, .sb-section-2-text{
  color: #172D4B !important;
  font-family: 'Raleway', sans-serif !important;
}

.sb-section-2-text{
  text-align: center !important;
}
.container-tbill-data{
  text-align: center !important;
}
.sb-section-3{
  padding: 5% !important;
}

/* single-bonds: ajustes solo mobile (banner y seccion 1) */
@media (max-width: 767px) {
  /* Banner: el texto posicionado en absoluto se salia/encimaba con el resto de la pagina */
  .section-banner .banner-text {
    position: relative;
    top: auto;
    transform: none;
    padding: 40px 0;
  }
  .section-banner .banner-title-len {
    font-weight: 700 !important;
    margin-bottom: 10px;
  }
  .section-banner .banner-subtitle-len {
    margin-bottom: 10px;
  }

  /* Seccion 1: line-height insuficiente para el tamano de fuente forzado y texto centrado */
  .singlebonds-section-2-title {
    line-height: 1.3 !important;
  }
  .tbill-section-1 .tbill-section-1-text {
    text-align: left !important;
  }

  .banner-area{
    padding-left: 0px !important;
  }
  .aboutus-section-1{
    padding: 0px !important;
  }
  .aboutus-section-1-title-1{
    text-align: center !important;
  }
  .banner-area-FAQ, .banner-area-about, .banner-area-contact, .banner-area-Hit, .banner-area{
    padding-left: 0px !important;
    min-height: 200px !important;
  }
}

/* about us: la imagen de la seccion 1 (mifel-doble.png) no esta disponible para este broker;
   el contenedor igual reserva 600px (regla global .page-slider.small-bg .item) dejando un
   bloque en blanco entre el banner y "Quienes somos" en mobile */
@media (max-width: 767px) {
  #page-slider {
    display: none !important;
  }

  /* el banner de about-us solo tiene un titulo de una linea, pero hereda el
     min-height (300-450px) pensado para banners con titulo+subtitulo+texto,
     dejando un bloque de fondo vacio antes de "Quienes somos" */
  .banner-area-aboutus {
    min-height: unset !important;
  }
}

.banner-title-trading-light, .banner-title-tra, .section-sub-title-trading, .section-title-trading {
  color: #172D4B !important;
  font-family: 'Raleway', sans-serif !important;
}
.banner-title-trading-light{
  font-weight: 300 !important;
}
.titulo-card{
  font-family: 'Raleway', sans-serif !important;
  color: #172D4B !important;
  padding: unset !important;
}

button.navbar-toggler .fa{
  color: #fff !important;
}