/******************************************************/
/*BARRA DE MENU*/
/* COLOR DE FONDO DE LA BARRA DE MENU */ 
#sp-header {   background-color: rgb(182,26,23); }

@media (min-width: 1200px) { .header-2#sp-header > .container { background-color: rgb(182,26,23);   } }
@media (min-width: 1200px) { .header-2#sp-header > .container::before { border-top: 0px solid #343a40; } }
@media (min-width: 1200px) { .header-2#sp-header > .container::after {  border-top: 0px solid #343a40; } }

@media (min-width: 1200px) { .header-2#sp-header.header-sticky { background-color: rgb(182,26,23); box-shadow: none; } }
@media (min-width: 1200px) { .header-2#sp-header::before { background-color: rgb(182,26,23); } }


/*COLOR DE LA FUENTE*/
.sp-megamenu-parent > li > a {   color: #f3f4f8; }


/*TAMAÑOS DE LA FUENTE*/
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  display: inline-block;
  padding: 0 15px;
  line-height: 80px;
  font-size: 0.975rem;
  margin: 0;
  font-weight: 420;
}

/*BARRA SUPERIOR ESCUDO*/
#sp-top-bar {
  background: #ffF;
  color: #FF0000;
}

/*BG DEL MENU*/
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {   background: #edeff4; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a::before {   background: #f3f4f8; }

/***************************************************************************/

/***************************************************************************/
/* BREAD CRUMBS */
/*color de fondo */
.sp-page-title.title-image-bg::before {
  content: "";
  display: block;
  background: rgba(33, 37, 41, 0.20);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.sp-page-title {
  background-color: #212529;
  padding: 100px 0 0;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-size: cover;
}

/*FUENTES BREADCRUBS*/
.sp-page-title .breadcrumb > span, .sp-page-title .breadcrumb > li, .sp-page-title .breadcrumb > li + li::before, .sp-page-title .breadcrumb > li > a {
  color: #696969;
}

.sp-page-title .breadcrumb > .active {
  color: #696969;
}

/* FOOTER TITULOS */
.sp-page-title .sp-page-title-sub-heading {
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  margin: -15px auto 0;
  max-width: 100%;
}



/*BARRA DE DIRECCIóN*/
.header-2 + #sp-titles .sp-page-title .breadcrumb {
  padding-left: 15px;
  clip-path: polygon(0 0, calc(100% - 0px) 0, 100% 100%, 0 100%);
  width: 100%;
}


/*MENU SERVICIOS*/
.navbar-collapse {
	display: block;
    width: 100%;
}

.nav {
	display: block;
    width: 100%;
}

.nav li + li {
	margin-top: 2px;
}

.nav li a {
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 600;
	color: #151515;
	padding-left: 40px;
	padding-right: 40px;
	line-height: 75px;
	background: #f0f4fb;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.nav li a:after {
	position: relative;
	display: block;
	float: right;
    font-family: roboto;
    font-size: 20px;
    font-style: normal;
    margin-left: 0px;
    content: "";
    font-weight: normal;
}

.nav li a:hover {
	background-color: rgb(182,26,23);
	color: #f3f4f8;
}

.nav li.active a {
	background-color: rgb(182,26,23);
	color: #f3f4f8;
}

















/*COLOR DE FONDO*/
.sp-page-title .breadcrumb { background-color: rgba(237, 238, 247,0.97); }


.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a { color: #0c0c0c; }
.sp-megamenu-parent .sp-dropdown:not(.sp-dropdown-mega) .sp-dropdown-inner {   padding: 0px 0px; }
.sp-megamenu-parent .sp-dropdown:not(.sp-dropdown-mega) li.sp-menu-item {   padding: 0px 0px; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
  font-size: 1rem;
  line-height: 1;
  display: block;
  padding: 14px;
  cursor: pointer;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
  font-size: 0.95rem;
  line-height: 1;
  display: block;
  padding: 14px;
  cursor: pointer;
  font-weight: 400;
}


/* MENU SECUNDARIO */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover { color: #f3f4f8; background-color: rgb(21,21,21); }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a { color: #f3f4f8; background-color: rgba(200, 31, 48, 1); }