.breadcrumb-area {

  position: relative;

  z-index: 1;

  width: 100%;
  height: 450px;
  overflow: hidden;
  display: flex;
  align-items: end;

}

.breadcrumb-item, .breadcrumb-item a {
	text-shadow: 1px 1px 3.5px #302f2fc9;
}

@media only screen and (max-width: 767px) {

  .breadcrumb-area {

    height: 400px;

    text-align: center;

  } 

  

  .spad {
    display: flex;
    justify-content: center;
    align-items: center;

}

  

.breadcrumb-area .breadcrumb-content .breadcrumb {

   justify-content: center;

}

  

}

  

.breadcrumb-area .breadcrumb-content{

   margin-left: 70px;

   position: relative;

   z-index: 30;

}

 

  

.breadcrumb-area .breadcrumb-content h2 {

  color: #ffffff;

  font-size: 3rem; 

  display: block;

  text-transform: none !important;

  font-weight: 300;

  letter-spacing: 0;

  position: relative;

  z-index: 30;

  text-shadow: 1px 1px 3px #302f2fc9;

}

  

 



@media only screen and (max-width: 767px) {

  .breadcrumb-area .breadcrumb-content h2 {

     font-size: 1.8rem;

  }

  

  .breadcrumb-area .breadcrumb-content{

   margin-left: 0px;

   padding-top: 0px;

}

  

  .breadcrumb-area .breadcrumb-content h2::before{

  display: none;

  

}

 

}



.breadcrumb-area .breadcrumb-content .breadcrumb {

    background-color: transparent;

    padding: 0;

    margin-bottom: 0;

    margin-top: 15px;

}



.breadcrumb-area .breadcrumb-content .breadcrumb .breadcrumb-item::before {

   color: #ffffff;

}

    

.breadcrumb-area .breadcrumb-content .breadcrumb .breadcrumb-item.active {

   color:  #fff;

   font-size: 18px;

   font-weight: 300;

   font-family: "fuente-contenido" !important;

}



.breadcrumb-area .breadcrumb-content .breadcrumb .breadcrumb-item a {

   font-size: 18px;

   color: #ffffff;

   font-weight: 300;

   transition: 0.6s;

   font-family: "fuente-contenido" !important;

}

      

.breadcrumb-area .breadcrumb-content .breadcrumb .breadcrumb-item a:hover {

   color: #a699ce;

   transition: 0.6s;

}

  

 

.bg-img {

  background-position: center top;

  background-size: cover;

  background-repeat: no-repeat; 

}

  

.bg-overlay {

  position: relative;

  z-index: 2;

  background-position: center center;

  background-size: cover; 

}



.bg-overlay::after {

  background-color: rgba(0, 0, 0, 0.12);

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  content: "";

}

 

  

.spad {
    padding-top: 130px;
    padding-bottom: 90px;
    margin-top: 0px;
}

  

.div1 { 

    background-color: white; 

    border: 20px solid white; 

} 

.div2 { 

    float: right; 

    border-top: 20px solid var(--color_content); 

    border-right: 20px solid var(--color_content); 

    border-left: 20px solid var(--color_content); 

} 

/*.div3 { 

    float: right; 

    margin: 10px -20px; 

    border-bottom: 20px solid #000; 

    border-right: 20px solid transparent; 

    border-left: 20px solid transparent; 

} */

.div4 { 

    border-top: 20px solid var(--color_content); 

    margin-right: 40px; 

} 

  



/* FIN PORTADA SUB PAGINAS*/ 



.margin_subHero_align{

  margin-top: 30px;

}



@media screen and (max-width:768px) {

  .margin_subHero_align{

    margin-top: 0px;

  }

}


header.scroll_not {
	/*background: #ffffffb5;
	background: #ffffff75;*/
	background: #ffffff59;
	transition: 400ms!important;
/*background: radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(255, 255, 255, 0.66) 24%, rgba(255,255,255,0.8897939960608322) 47%, rgba(255, 255, 255, 0.51) 100%, rgba(255, 255, 255, 0.27) 100%); 
	background: radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(255, 255, 255, 0.31) 24%, rgba(255, 255, 255, 0.53) 47%, rgba(255, 255, 255, 0.61) 100%, rgb(255, 255, 255) 100%);*/
}

.scroll_not .logo_see_on_header,
.scroll_not .logo_header{
	transition: 400ms!important;
	filter: brightness(0) invert(0.4)!important;
}
.scroll_not .see_on_title_header,
.scroll_not .my-cart-count-2 > a > i,
.scroll_not .my-cart-count > a > i,.scroll_not .search_icon > i,.scroll_not  .search_icon-2 > i {
	color: #666!important;
	transition: 400ms!important;

}
.scroll_not .bar::after,.scroll_not .bar::before {
	background: #666!important;
	transition: 400ms!important;
}



@media (min-width: 800px) {
	header.scroll_not {
	transform: translateY(0px)!important;
}
}

header.scroll_not {  
		background: rgb(255,255,255);
		background: linear-gradient(85deg, rgba(255,255,255,0.3392321983080232) 0%, rgba(255,255,255,0.5639512994316187) 24%, rgba(255,255,255,0.6819288275215063) 41%, rgba(255,255,255,0.7802434342630793) 85%, rgba(255,255,255,0.9094569174091468) 100%, rgba(255,255,255,0.7605805129147647) 100%);
		background-size: 300% 100%; 
	    animation: gradient 12s ease infinite; 
}	
@keyframes gradient {
    0% {
        background-position: 0% 50%; 
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}