@font-face{
    font-family:Abhaya;
    src:url(../css/Fonts/AbhayaLibre-Regular.ttf);
}
@font-face{
  font-family:dancing;
  src:url(../css/Fonts/DancingScript-VariableFont_wght.ttf);
}
  :root{
    --Nep: #000;
    --BlP: #fff;
    --AmP: #f4f63c;
    --Az: #0e6ebe;
    --bg2: #e8e8e8;
    --bg3:#F7F7F7;
    --AMARILLO: #FFE162;
    --ARENA: #FFD39A;
    --AZULCIELO: #9AD0EC;
    --AZULINDIGO: #11468F;
    --AZULMARINO: #1C6DD0;
    --AZULMEZCLILLA: #35589A;
    --AZULPROFUNDO: #09009B;
    --AZULREY:#113CFC;
    --BEIGE:#EDCDBB;
    --BLANCO:#FFF;
    --BURDEOS:#96305A;
    --CAFE:#876445;
    --CAFECLARO:#D4B499;    
    --CAFEMEDIO:#BF8B67;
    --CAFEOBSCURO:#5C3D2E;
    --CAMEL:#D79771;
    --CAOBA:#000;
    --DECOLORANTE:#000;
    --FIUSHA:#FF0080;
    --GRISCLARO:#EFEFEF;
    --GRISOBSCURO:#C8C6C6;
    --GRISOXFOR:#716F81;
    --INCOLORO:#000;
    --MARRONOBSCURO:#800400;
    --MIEL:#FFC600;
    --MORADO   :#8A39E1; 
    --NARANJA:#F76E11;
    --NEGRO: #000;
    --NEUTRO:#fff;
    --OLIVO:#86895D;
    --ROJO:#DA1212;
    --ROSA:#F94892;
    --ROSAMEXICANO:#E4007C;
    --TURQUEZA:#5DC1B9;
    --VERDE:#519259;
    --VERDEESMERALDA:#1e5945 ;
    --VERDELIMON:#E3FF00;
    --VERDEMILITAR:#78866b;
    --VERDEMUSGO:#2f4538 ;
    --VINO:#56070C;
    --VIOLETAINTENSO:#064635;
  }
  *{
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: none;
	outline: none;
}
html{
    scroll-behavior: smooth;  
}

body{
	font-family: 'Abhaya' !important;
}
  /*------------------------------------------------------------------------------------------------------------*/
  /*------------------------------------------------------------------------------------------------------------*/
  /*------------------------------------------- 1. HEADER PRINCILAL -------------------------------------------*/
  /*------------------------------------------------------------------------------------------------------------*/
  /*------------------------------------------------------------------------------------------------------------*/
  .header {
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    background: var(--Nep);
  }
  .header__body {
    width: 95%;
    max-width: 1750px;
    padding: 0 15px;
    margin: 0 auto;
  }
  .header__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 90px;
    padding: 20px 0;
  }
  .header__burger {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .header__action {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }
  .header__action-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: -5px;
  }
  .header__action-list > li:not(:last-child) {
    margin-right: 4%;
  }
  .logo {
    max-width: 300px;
    width: 100%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
  }
  .logo img {
    width: 100%;
  }
  .logo svg {
    width: 100%;
    height: auto;
  }
  .logo svg .right-line, .logo svg .left-line {
    stroke-dashoffset: 109;
    stroke-dasharray: 109;
    -webkit-animation: animdash 12s infinite ease;
    animation: animdash 12s infinite ease;
  }
  .toggle{
    position: relative;
    width: 32px;
    height: 40px;
    background:none;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000000;
    cursor: pointer;
  }
  .toggle::before{
    content: '';
    position:absolute;
    width: 100%;
    height: 2px;
    background: var(--BlP);
    transform: translateY(-10px);
    box-shadow: 0 10px 0 var(--BlP);
    transition: 0.25s;
  }
  .toggle.activetoggle::before {
    transform: translateY(0px) rotate(45deg);
    box-shadow: 0 0px 0 var(--BlP);
  }
  .toggle::after{
    content: '';
    position:absolute;
    width: 100%;
    height: 2px;
    background:var(--BlP);
    transform: translateY(10px);
    transition: 0.25s;
  }
  .toggle.activetoggle::after {
    transform: translateY(0px) rotate(-45deg);
  }
  /*Menu negro*/
  .navigation {
    position: absolute;
    top:120px;
    left:-100%;
    width: 100%;
    height: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: var(--Nep);
    z-index: 999;
    transition: 0.5s;
  }
  .navigation.active2 {
    left:0;
  }
  .navigation li {
    list-style: none;
  }
  .navigation li a {
    display: inline-flex;
    margin: 5px 0;
    font-size: 1.5em;
    text-decoration: none;
    color: var(--BlP);
    padding: 5px 20px;
    border-radius: 40px;
  }
  .navigation li a:hover{
    background: var(--BlP);
    color: var(--Nep);
  }

.header_social{
	text-decoration: none;
	border: 1px solid #DDDDDD;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-left: 20px;
	margin-top: 10px;
	height: 50px;
	width: 50px;
	color: var(--BlP);
}

.header_social:hover{
    text-decoration: none;    
    color: var(--Az);
}
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------- 2. CARRUSEL          -------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/

.carousel-item {
    width: 100%;
    height: 80vh;
    min-height: 530px;
    background: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 100%;
}
.carousel-caption {
  top: 0;
}
.carousel-caption h1{
  font-size: 5.5em;
  text-transform: uppercase;
  letter-spacing: 12px;
  margin-top: 5%;
  font-weight: 600;
}
.carousel-caption h2{
  font-size: 4.5em;
  text-transform: uppercase;
  letter-spacing: 10px;
  margin-top: 25px;
  font-weight: 200;
}
.carousel-inner> .carousel-item.carousel-item-next ,
.carousel-inner > .carousel-item.active.carousel-item-right{ 
    transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0);  top: 0;
    
}
.carousel-inner > .carousel-item.carousel-item-prev ,
.carousel-inner > .carousel-item.active.carousel-item-left{ 
    transform: translate3d(0,-100%, 0); -webkit-transform: translate3d(0,-100%, 0);  -moz-transform: translate3d(0,-100%, 0);-ms-transform: translate3d(0,-100%, 0); -o-transform: translate3d(0,-100%, 0); top: 0;
    
}
.carousel-inner > .carousel-item.next.carousel-item-left ,
.carousel-inner > .carousel-item.carousel-item-prev.carousel-item-right ,
.carousel-inner > .carousel-item.active{
    transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);; -moz-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); top:0;
    
}
.carousel-indicators{
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    height:20px;
    right:10px; left:auto;
    width:auto;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.carousel-indicators li {
  background-color: #fff;
  width: 10px !important;
  height: 10px !important;
  margin-right: 5px !important;
  margin-left: 10px !important;
  border-radius: 50%;
}
.carousel-indicators .active {
  box-shadow: 3px #fff ;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50%;
}
.line-slider-top{
  border-top: 1px solid #fff;
  width: 60px;
  transform: rotate(90deg);
  margin-left: 47%;    
  margin-bottom: 0;
  margin-top: 70px;
}
.line-slider-bottom{
  border: 1px solid #fff;
  width: 60px;
  transform: rotate(90deg);
  margin-left: 47%;
  margin-top: 40px;
}
.fondoCarrousel1{
    background-image: url('../img/slider/1.png');
}
.fondoCarrousel2{
      background-image: url('../img/slider/2.png');
}
.fondoCarrousel3{
      background-image: url('../img/slider/3.png');
}
.fondoCarrousel4{
      background-image: url('../img/slider/4.png');
}
.fondoCarrousel5{
      background-image: url('../img/slider/5.png');
}
.scroll-down {
    border: 2px solid #fff;
    border-radius: 20px;
    bottom: 0;
    height: 50px;
    left: 0;
    margin-left: 48%;
    position: absolute;
    right: 0;
    width: 40px;
    z-index: 11;
  }
  .scroll-down::before {
    animation: scrollDownAnimation 2s infinite;
    background-color: #fff;
    border-radius: 100%;
    content: '';
    height: 6px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 10px;
    width: 6px;
  }
  .down-arrow-1 {
    margin-top: 6px;
  }
  .arrow-content span{
    display: block;
    width: 5px; 
    height: 5px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 2px solid #fff; 
    border-bottom: 2px solid #fff;
    margin: 0 0 3px 5px;
  }
  @-moz-keyframes scrollDownAnimation {
    0% {
      opacity: 0;
      transform: translate(0, 0);
    }
    40% {
      opacity: 1;
    }
    80% {
      opacity: 0;
      transform: translate(0, 20px);
    }
    100% {
      opacity: 0;
    }
  }
  @-webkit-keyframes scrollDownAnimation {
    0% {
      opacity: 0;
      transform: translate(0, 0);
    }
    40% {
      opacity: 1;
    }
    80% {
      opacity: 0;
      transform: translate(0, 20px);
    }
    100% {
      opacity: 0;
    }
  }
  @-o-keyframes scrollDownAnimation {
    0% {
      opacity: 0;
      transform: translate(0, 0);
    }
    40% {
      opacity: 1;
    }
    80% {
      opacity: 0;
      transform: translate(0, 20px);
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes scrollDownAnimation {
    0% {
      opacity: 0;
      transform: translate(0, 0);
    }
    40% {
      opacity: 1;
    }
    80% {
      opacity: 0;
      transform: translate(0, 20px);
    }
    100% {
      opacity: 0;
    }
  }


/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------- 1. NOSOTROS        -------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/

#Nosotros{
	max-width: 100vw;
	background: var(--bg2);
	padding-bottom: 10px;
}

.titlenosotros{
	font-size: 4.5rem;
	text-align: center;
}

.subtitlenosotros{
	font-size: 2.5rem;
	text-align: center;
}

.apps-craft-single-feature{
	width: 95%;
	min-height: 530px;
	float: left;
	padding: 15px;
	text-align: center;
    color: #fff;
}
.misionback{
    background-image: url(../img/mision.png);
    background-position: center center;
    background-size: cover;
    background-attachment: inherit;
    background-repeat: no-repeat;
}

.visionback{
    background-image: url(../img/vision.png);
	background-position: center center;
    background-size: cover;
    background-attachment: inherit;
    background-repeat: no-repeat;
}
.apps-craft-feature-content {
	background-color: transparent;
	box-shadow: 0 0 35px rgba(0,0,0,.08);
	padding: 20px 20px;
	position: relative;
	z-index: 2;
	border: 10px solid #fff;
	min-height: 530px;
}
.apps-craft-feature-content i{
	color: #FFFFFF;
	font-size: 3.000em;
	width: 76px;
	height: 76px;
	border-radius: 100%;	
	line-height: 76px;
	display: inline-block;
	margin-bottom: 20px;
	-webkit-transition: background .4s linear;
	transition: background .4s linear;
}
.apps-craft-feature-content h3 {
	margin: 0;
	color: #fff;
	font-size: 2.3em;
	font-weight: 500;
	margin-bottom: 25px;
}
.apps-craft-feature-content p {
	margin: 0;
	min-height: 220px;
}
.wrapper {
	display: flex;
	justify-content: center;
	align-items: center;	
	background: #262626;
	width: 100%;
	height: 440px;
}
.outer {
	position: relative;
	background: #fff;
	height: 100%;
	width: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
}
.outer  img {
	position: absolute;
	top: 0px;
	right: -20px;
	z-index: 0;
	animation-delay: 0.5s;
}
.outer .content {
	animation-delay: 0.3s;
	position: absolute;
	left: 20px;
	z-index: 3
	
}

.outer h1 {
	color: #111;
}

.outer p {
	width: 280px;
	font-size: 13px;
	line-height: 1.4;
	color: #aaa;
	margin: 20px 0;
	
}

.imagenabout img{
	margin-left: -25px;
    height: 530px;
	margin-top: 25px;
}

.contetvalores{
	text-align: center;
}

.Valoresabout{	
	font-weight: bold;
	font-size: 1.5rem;
}

.titlevalores h3{
	text-align: center;
	font-size: 3rem;
	margin-top: 0px;
	letter-spacing: 2px;
}

.valoresdescription{
	font-size: 1.2rem;
    font-weight: 200;
    text-decoration: none;
    color: #2B2B2B;
}

.number-card {
    font-weight: 500;
    color: #fff;    
	margin-top: 20px;
    text-transform: capitalize;
    font-size: 35px;
    position: relative;
}


.number-card:before{
	position: absolute;
    left: 110px;
    content: '';
    bottom: 50px;
    width: 30%;
    height: 2px;
    background: #fff;

}

/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------    FRANQUICIAS       -------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/

.pb-250 {
    padding-bottom: 120px;
}
.pt-250 {
    padding-top: 120px;
}

.merox-cta-area {
    background-position: center center;
    background-size: cover;
    background-attachment: inherit;
    position: relative;
    height: 100%;
    background-image: url(../img/Franquicias.png);
    background-color: #1a2b3c;
    background-repeat: no-repeat;
}

.merox-cta-area:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.2;
}
.cta-content h2 {
    font-size: 50px;
    color: #fff;
    font-weight: 700;
    line-height: 55px;
    display: inline-block;
    text-transform: capitalize;
    margin: 20px 0 25px;
}

.cta-content p {
    color: #ffffff;
    text-transform: capitalize;
    margin: 0;
    font-weight: 600;
    font-size: 24px;
}

.cta-btn {
    margin: 13px 0;
}

.btn-type-5 {
    text-decoration: none;
	background: #0e6ebe;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
	padding: 22px 30px;
	text-transform: uppercase;
	display: inline-block;	
	border-radius: 10px;
}

.btn-type-5:hover {
    color: #ffffff;
    background: #f4f63c !important;
}
.v-franquicias  iframe {    
      width: 300px;
      height: 300px;
}
.header__text-box {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}
.heading-primary {
    color: #fff;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;    
}
.heading-primary--main {
    display: block;
    font-size: 3rem;
    font-weight: 600;
    letter-spacing: .5rem;
}

.heading-primary--sub {
    display: block;
    font-size: 2rem;
    margin-left: 200px;
    font-weight: 200;
    letter-spacing: .5rem;
}

.heading-secondary {
    font-size: 3.5rem;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    background-image: -webkit-gradient(linear, left top, right top, from(#7ed56f), to(#28b485));
    background-image: linear-gradient(to right, #7ed56f, #28b485);
    
    color: transparent;
    letter-spacing: .2rem;
    -webkit-transition: all .2s;
    transition: all .2s
}

.heading-secondary:hover {
    -webkit-transform: skewY(2deg) skewX(15deg) scale(1.1);
    transform: skewY(2deg) skewX(15deg) scale(1.1);
    text-shadow: 0.5rem 1rem 2rem rgba(0, 0, 0, 0.2)
}

.btn--white {
    text-decoration: none;
    background-color: #0e6ebe;
    color: #fff;
}
.btn--white:hover {
    background-color: #f4f63c;
    color: #fff;
}

.btn--white2 {
    text-decoration: none;
    background-color: #0e6ebe;
    color: #fff;
}
.btn--white2:hover {
    background-color: #f4f63c;
    color: #000;
}

.btn2,
.btn2:link,
.btn2:visited {
    text-transform: uppercase;
    text-decoration: none;
    padding: 1.5rem 4rem;
    display: inline-block;    
    -webkit-transition: all .2s;
    transition: all .2s;
    position: relative;
    font-size: 1rem;
    border: none;
    cursor: pointer
}
.btn--animated {
    -webkit-animation: moveInBottom .5s ease-out .75s;
    animation: moveInBottom .5s ease-out .75s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards
}


.btn3,
.btn3:link,
.btn3:visited {
    text-transform: uppercase;
    text-decoration: none;
    padding: .75rem 2rem;
    display: inline-block;    
    -webkit-transition: all .2s;
    transition: all .2s;
    position: relative;
    font-size: 1rem;
    border: none;
    cursor: pointer;
    width: 60%;
    /*margin-top: 30px;*/
}

/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------- MARCAS COMERZIALIZADAS     -------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/


#mcomercial{	  
    max-width: 100vw;
    background: var(--bg2);
}
.titlemarcas{
  font-size: 4.5rem;
  text-align: center;
}

.marcascomercializadas{	
  padding: 60px 120px 120px 120px
}

.logogrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-auto-rows: 160px;
  grid-gap: 5rem;
}
.logogrid__item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.logogrid__img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 432px;
  max-height: 216px;
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}
.logogrid__img:hover {
  filter: grayscale(0) contrast(100%);
  transform: scale(1.3);
  transition:  0.3s ease;
}


/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------    CONTACTO          -------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/


#Contactanos{
    max-width: 100vw;
    min-height: 100vh;
    background-color: var(--bg3);
    background-image: url(../img/Contacto_img.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.contacts_form{
  margin-top: 20px;
}
.areacontacto h3{
    font-weight: bold;
    margin-top: 40px;
    font-size: 3em;
}
.areacontacto h4{
    font-weight: bold;
    margin-top: 20px;
    /*margin-bottom: 40px;*/
    font-size: 2em;
    letter-spacing: 3px;
}
.formulario_contact{
    background-color: var(--bg2);
    min-height: 95%;
    min-width: 50%;
    position: absolute;
    right: 10px;
    /*margin-top: 30px;*/
    overflow: hidden;
}
.formulario_contact .areacontacto{
    margin-left: 20px;   
}
.formulario_contact .content-contacto{
    margin-left: 20px; 
    text-align: center;
}

.contact_social{
	text-decoration: none;
	border: 1px solid #DDDDDD;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-left: 20px;
	margin-top: 10px;
	height: 50px;
	width: 50px;
	color: var(--Az);
}

.contact_social:hover{
    text-decoration: none;    
    color: var(--AmP);
}
.field {
    background: transparent;    
    border: 1px solid #808385;
    width: 100%;
    padding: 10px 10px;
    margin-top: 20px;
 
}
.infocontact2{
    text-align: center;
}
.envianosunmail{
  font-family: 'dancing';
  text-decoration: none;
  color: var(--Nep);
  font-size: 2.5em;
}
.envianosunmail2{  
  text-decoration: none;
  color: var(--Nep);
  font-size: 1.5em;
}
.envianosunmail:hover{
  text-decoration: none;
}
Input:Focus {
  Background-color: var(--BlP);
}


.contact_social_contact{
	text-decoration: none;
	border: 1px solid #808385;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	/*margin-left: 20px;
	margin-top: 10px;*/
	height: 50px;
	width: 50px;
	color: #808385;  
}

.contact_social_contact:hover{
    text-decoration: none;    
    color: var(--AmP);
}
.text_social_contact{
  color: #808385;
  font-size: 1.2em;
  text-transform: uppercase;
  margin-top: 5px;
}

.text_social_contact_description{
  color: var(--Nep);
}

.telf{
  font-size: 1.2em;
}

.footer_social_contact{
  margin-top: 20px;
}

.footer_social_contact .contact_social_contact{
  margin-left: 10px;

}

/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------- AVISO DE PRIVACIDAD  -------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/


.Aviso_content{        
    max-width: 100vw;
    overflow: hidden;
}

.aviso_privacidad{
    background-image: url(../img/Politica_privacidad.png);
    background-position: center center;
    background-size: cover;
    background-attachment: inherit;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.content_title_privacidad{
    max-width: 60%;
    margin-left: 10%;
}

.title_aviso_privacidad{
    text-transform: uppercase;
    color: #fff;
    font-size: 7em;
    letter-spacing: .2rem;
    padding-top: 10px;
}

.content_description_privacidad{
    margin-left: 10%;
    max-width: 80%;
}

.content_description_privacidad p{
    color: #fff;    
    font-size: 1.7em;
    text-align: justify;
}
.content_description_privacidad p span{
    color: #fff;    
    font-size: 1.7em;
    text-decoration: underline #fff;
    font-weight: bold;
}

.content_description_privacidad ul{
    color: #fff;    
    font-size: 1.7em;
    margin-left: 50px;
}

::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}

#motivos_avisos li:before {
    content: '';
    background-color: #fff;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 10px 0 0;
}

/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------         SUCURSALES   -------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/

#Sucursales{
    background: #f5f6f5;    
    min-height: 105vh;

}
.content_sucursales{
    max-width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.title_sucursales{
    text-align: center;
    margin-top: 60px;
    font-size: 2.5em;
}

.sucursal{
    width: 90%;   
    background-color: var(--bg2);
    margin-left: 10%;   
    margin-bottom: 20px;
}

.sucursal_name{
    font-size: 1.7em;
    color: #000;
    padding-top: 10px;
    padding-left: 20px;
}

.sucursal_description{
    font-size: 1.4em;
    padding: 10px 10px 10px 20px;
}

#mapa{
    background-color: var(--bg2);   
    max-width: 95%;
    height: 80vh;
    margin-top: 7em;
}


/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------         CATALOGO   -------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/


.Areatitlecatalogo{
    max-width: 100vw;
    min-height: 60vh;
    background: #0e6ebe;
    background-image: url(../img/Catalogo/Catálogo4.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    box-sizing: border-box;
}


.titlecatalogo{
    color: #fff;
    padding-top: 0.5em;
    margin-left: 1em;
    font-size: 6em;
}

.desccatalogo{
    color: #fff;
    padding-top: 0;
    margin-left: 4em;
    font-size: 1.7em;
    margin-bottom: 0;
}
.cardproductos{
    margin: -10vh 0 0;
}
.feature-one__single {
    position: relative;
    display: block;
    margin-bottom: 30px;
    z-index: 1;
  }
  .feature-one__single:hover .feature-one__icon-box {
    box-shadow: 0px 0px 30px 0px rgb(0, 0, 0, 0);
}
.feature-one__single:hover .feature-one__hover {
    transform: scaleY(1);
}
.feature-one__img-box {
    position: relative;
    display: block;
    z-index: 1;
  }
  .feature-one__img {
    position: relative;
    display: block;
  }
  
  .feature-one__img img {
    width: 100%;
    border-radius: 40px;
  }

  .feature-one__hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    padding: 0 60px;
    transition-delay: 0.1s;
    transition-timing-function: ease-in-out;
    transition-duration: 0.5s;
    transition-property: all;
    opacity: 1;
    transform-origin: top;
    transform-style: preserve-3d;
    transform: scaleY(0);
  }
  
  .feature-one__single:hover .feature-one__hover {
    transform: scaleY(1);
  }
  
  /*.feature-one__hover:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";    
    z-index: 1;
  }*/
  
  .feature-one__hover-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
  }
  
  .feature-one__hover-icon {
    position: relative;
    display: inline-block;
    z-index: 2;
  }
  
  .feature-one__hover-icon span {
    position: relative;
    display: inline-block;
    font-size: 62px;
    color: var(--conult-white);
  }
  
  .feature-one__hover-title {
    position: relative;
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    margin-top: 19px;
    margin-bottom: 19px;
    z-index: 2;
  }
  
  .feature-one__hover-title a {
    color: var(--conult-white);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  
  .feature-one__hover-title a:hover {
    color: var(--conult-base);
  }
  
  .feature-one__hover-text {
    position: relative;
    display: block;
    z-index: 2;
    font-size: 16px;
    font-weight: 500;
    color: var(--conult-white);
    line-height: 30px;
    margin: 0;
  }

.btncat,
.btncat:link,
.btncat:visited {
    text-transform: uppercase;
    text-decoration: none;
    padding: 1rem 1rem;
    display: inline-block;    
    -webkit-transition: all .2s;
    transition: all .2s;
    position: relative;
    font-size: 1rem;
    border: none;
    cursor: pointer;
    bottom: -80px;
}

.btncat:hover{
    cursor: pointer;
}

.main_title {
  font-weight: bold;
}

.main_title:hover {
  
  cursor: pointer;
  color: #151515;
}

.main_title:active {
  color: #151515;
}

.main_title:link {
  color: #151515;
}

.main_title:visited {
  color: #151515;
}

.main_title:focus {
  color: #151515;
}


ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    font-weight: 700;
    justify-content: center;
}
ul.pagination li a {
    border-radius: 5px;
}

ul.pagination li a.active {
    background-color: #0e6ebe;
    color: white;
    border-radius: 5px;
}

ul.pagination li a:hover:not(.active) {background-color: #ddd;}

/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------    PRODUCTO SOLO            -------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/



#Product_item{
    background-color: var(--bg3);
}



/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------    PRODUCTO zoom           -------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/

img.zoom {
    display: block;
    width: 100%;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}
 
.transition {
    -webkit-transform: scale(1.8); 
    -moz-transform: scale(1.8);
    -o-transform: scale(1.8);
    transform: scale(1.8);
}



/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------    Compartir Redes Sociales           --------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*share row buttons*/
.share-buttons-row{
    height: 40px;

  display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
    display: flex;
    align-items: center;
}

.share-buttons-row > div {
  width: 160px;
    height: 40px;
    cursor: pointer;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

  text-align: center;
  float: left;
  margin-right: .3em;
  padding: 0;
  
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
}

.share-fb{
    background-color: #2d609b;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTI2LjY2NyAwaC0yMS4zMzRjLTIuOTQ1IDAtNS4zMzMgMi4zODgtNS4zMzMgNS4zMzR2MjEuMzMyYzAgMi45NDYgMi4zODcgNS4zMzQgNS4zMzMgNS4zMzRoMTAuNjY3di0xNGgtNHYtNGg0di0zYzAtMi43NjEgMi4yMzktNSA1LTVoNXY0aC01Yy0wLjU1MiAwLTEgMC40NDgtMSAxdjNoNS41bC0xIDRoLTQuNXYxNGg2LjY2N2MyLjk0NSAwIDUuMzMzLTIuMzg4IDUuMzMzLTUuMzM0di0yMS4zMzJjMC0yLjk0Ni0yLjM4Ny01LjMzNC01LjMzMy01LjMzNHoiPjwvcGF0aD48L3N2Zz4=);
}

.share-twitter{
    background-color: #00c3f3;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTMyIDYuMDc2Yy0xLjE3NyAwLjUyMi0yLjQ0MyAwLjg3NS0zLjc3MSAxLjAzNCAxLjM1NS0wLjgxMyAyLjM5Ni0yLjA5OSAyLjg4Ny0zLjYzMi0xLjI2OSAwLjc1Mi0yLjY3NCAxLjI5OS00LjE2OSAxLjU5My0xLjE5OC0xLjI3Ni0yLjkwNC0yLjA3My00Ljc5Mi0yLjA3My0zLjYyNiAwLTYuNTY1IDIuOTM5LTYuNTY1IDYuNTY1IDAgMC41MTUgMC4wNTggMS4wMTYgMC4xNyAxLjQ5Ni01LjQ1Ni0wLjI3NC0xMC4yOTQtMi44ODgtMTMuNTMyLTYuODYtMC41NjUgMC45Ny0wLjg4OSAyLjA5Ny0wLjg4OSAzLjMwMSAwIDIuMjc4IDEuMTU5IDQuMjg3IDIuOTIxIDUuNDY1LTEuMDc2LTAuMDM0LTIuMDg4LTAuMzI5LTIuOTc0LTAuODIxLTAuMDAxIDAuMDI3LTAuMDAxIDAuMDU1LTAuMDAxIDAuMDgzIDAgMy4xODEgMi4yNjMgNS44MzQgNS4yNjYgNi40MzctMC41NTEgMC4xNS0xLjEzMSAwLjIzLTEuNzMgMC4yMy0wLjQyMyAwLTAuODM0LTAuMDQxLTEuMjM1LTAuMTE4IDAuODM1IDIuNjA4IDMuMjYgNC41MDYgNi4xMzMgNC41NTktMi4yNDcgMS43NjEtNS4wNzggMi44MS04LjE1NCAyLjgxLTAuNTMgMC0xLjA1Mi0wLjAzMS0xLjU2Ni0wLjA5MiAyLjkwNSAxLjg2MyA2LjM1NiAyLjk1IDEwLjA2NCAyLjk1IDEyLjA3NiAwIDE4LjY3OS0xMC4wMDQgMTguNjc5LTE4LjY4IDAtMC4yODUtMC4wMDYtMC41NjgtMC4wMTktMC44NDkgMS4yODMtMC45MjYgMi4zOTYtMi4wODIgMy4yNzYtMy4zOTh6Ij48L3BhdGg+PC9zdmc+);
}

.share-google-plus{
    background-color: #eb4026;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE3LjQ3MSAyYzAgMC02LjI4IDAtOC4zNzMgMC0zLjc1NCAwLTcuMjg3IDIuODQ0LTcuMjg3IDYuMTM4IDAgMy4zNjYgMi41NTkgNi4wODMgNi4zNzggNi4wODMgMC4yNjYgMCAwLjUyNC0wLjAwNSAwLjc3Ni0wLjAyNC0wLjI0OCAwLjQ3NS0wLjQyNSAxLjAwOS0wLjQyNSAxLjU2NCAwIDAuOTM2IDAuNTAzIDEuNjk0IDEuMTQgMi4zMTMtMC40ODEgMC0wLjk0NSAwLjAxNC0xLjQ1MiAwLjAxNC00LjY0OS0wLTguMjI4IDIuOTYxLTguMjI4IDYuMDMyIDAgMy4wMjQgMy45MjMgNC45MTYgOC41NzMgNC45MTYgNS4zMDEgMCA4LjIyOC0zLjAwOCA4LjIyOC02LjAzMiAwLTIuNDI1LTAuNzE1LTMuODc3LTIuOTI4LTUuNDQyLTAuNzU3LTAuNTM2LTIuMjA0LTEuODM5LTIuMjA0LTIuNjA0IDAtMC44OTcgMC4yNTYtMS4zNCAxLjYwNy0yLjM5NSAxLjM4NS0xLjA4MiAyLjM2NS0yLjYwMyAyLjM2NS00LjM3MiAwLTIuMTA2LTAuOTM4LTQuMTU5LTIuNjk5LTQuODM3aDIuNjU1bDEuODc0LTEuMzU1ek0xNC41NDYgMjIuNDgzYzAuMDY2IDAuMjggMC4xMDMgMC41NjkgMC4xMDMgMC44NjMgMCAyLjQ0NC0xLjU3NSA0LjM1My02LjA5MyA0LjM1My0zLjIxNCAwLTUuNTM1LTIuMDM1LTUuNTM1LTQuNDc4IDAtMi4zOTUgMi44NzktNC4zODkgNi4wOTMtNC4zNTQgMC43NSAwLjAwOCAxLjQ0OSAwLjEyOSAyLjA4MyAwLjMzNCAxLjc0NSAxLjIxMyAyLjk5NiAxLjg5OSAzLjM0OSAzLjI4MXpNOS40MDEgMTMuMzY4Yy0yLjE1Ny0wLjA2NS00LjIwNy0yLjQxMy00LjU4LTUuMjQ2czEuMDc0LTUuMDAxIDMuMjMxLTQuOTM3YzIuMTU3IDAuMDY1IDQuMjA3IDIuMzM4IDQuNTggNS4xNzFzLTEuMDc1IDUuMDc3LTMuMjMxIDUuMDEyek0yNiA4di02aC0ydjZoLTZ2Mmg2djZoMnYtNmg2di0yeiI+PC9wYXRoPjwvc3ZnPg==);
}

.share-linkedin{
    background-color: #0074a1;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTI2LjYyNSAwaC0yMS4yNWMtMi45NTYgMC01LjM3NSAyLjQxOS01LjM3NSA1LjM3NXYyMS4yNWMwIDIuOTU2IDIuNDE5IDUuMzc1IDUuMzc1IDUuMzc1aDIxLjI1YzIuOTU2IDAgNS4zNzUtMi40MTkgNS4zNzUtNS4zNzV2LTIxLjI1YzAtMi45NTYtMi40MTktNS4zNzUtNS4zNzUtNS4zNzV6TTEyIDI2aC00di0xNGg0djE0ek0xMCAxMGMtMS4xMDUgMC0yLTAuODk1LTItMnMwLjg5NS0yIDItMiAyIDAuODk1IDIgMi0wLjg5NSAyLTIgMnpNMjYgMjZoLTR2LThjMC0xLjEwNS0wLjg5NS0yLTItMnMtMiAwLjg5NS0yIDJ2OGgtNHYtMTRoNHYyLjQ4M2MwLjgyNS0xLjEzMyAyLjA4Ni0yLjQ4MyAzLjUtMi40ODMgMi40ODUgMCA0LjUgMi4yMzkgNC41IDV2OXoiPjwvcGF0aD48L3N2Zz4=);
}

.share-pinterest{
    background-color: #ca212a;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2IDBjLTguODM3IDAtMTYgNy4xNjMtMTYgMTYgMCA2Ljc3OCA0LjIxNyAxMi41NjggMTAuMTY5IDE0Ljg5OS0wLjE0LTEuMjY2LTAuMjY2LTMuMjA4IDAuMDU1LTQuNTkgMC4yOTEtMS4yNDkgMS44NzYtNy45NTMgMS44NzYtNy45NTNzLTAuNDc5LTAuOTU4LTAuNDc5LTIuMzc1YzAtMi4yMjUgMS4yOS0zLjg4NiAyLjg5NS0zLjg4NiAxLjM2NSAwIDIuMDI0IDEuMDI1IDIuMDI0IDIuMjU0IDAgMS4zNzMtMC44NzQgMy40MjUtMS4zMjUgNS4zMjctMC4zNzcgMS41OTMgMC43OTkgMi44OTIgMi4zNjkgMi44OTIgMi44NDQgMCA1LjAzMC0yLjk5OSA1LjAzMC03LjMyNyAwLTMuODMxLTIuNzUzLTYuNTA5LTYuNjgzLTYuNTA5LTQuNTUyIDAtNy4yMjUgMy40MTUtNy4yMjUgNi45NDMgMCAxLjM3NSAwLjUzIDIuODUgMS4xOTEgMy42NTEgMC4xMzEgMC4xNTggMC4xNSAwLjI5NyAwLjExMSAwLjQ1OS0wLjEyMSAwLjUwNi0wLjM5MSAxLjU5My0wLjQ0NCAxLjgxNS0wLjA3MCAwLjI5My0wLjIzMiAwLjM1NS0wLjUzNSAwLjIxNC0xLjk5OC0wLjkzLTMuMjQ4LTMuODUyLTMuMjQ4LTYuMTk4IDAtNS4wNDcgMy42NjctOS42ODIgMTAuNTcyLTkuNjgyIDUuNTUgMCA5Ljg2NCAzLjk1NSA5Ljg2NCA5LjI0MSAwIDUuNTE0LTMuNDc3IDkuOTUyLTguMzAyIDkuOTUyLTEuNjIxIDAtMy4xNDUtMC44NDItMy42NjctMS44MzcgMCAwLTAuODAyIDMuMDU1LTAuOTk3IDMuODAzLTAuMzYxIDEuMzktMS4zMzcgMy4xMzItMS45ODkgNC4xOTUgMS40OTcgMC40NjMgMy4wODggMC43MTMgNC43MzggMC43MTMgOC44MzYtMCAxNi03LjE2MyAxNi0xNnMtNy4xNjMtMTYtMTYtMTZ6Ij48L3BhdGg+PC9zdmc+);
}

.share-tumblr{
    background-color: #36465d;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTI2LjY2OCAwaC0yMS4zMzRjLTIuOTM0IDAtNS4zMzQgMi40LTUuMzM0IDUuMzM0djIxLjMzMmMwIDIuOTM2IDIuNCA1LjMzNCA1LjMzNCA1LjMzNGgyMS4zMzRjMi45MzMgMCA1LjMzMi0yLjM5OCA1LjMzMi01LjMzNHYtMjEuMzMyYy0wLTIuOTMzLTIuMzk5LTUuMzM0LTUuMzMyLTUuMzM0ek0yMi44NjYgMjUuNzcxYy0wLjk0MiAwLjQ0My0xLjc5OCAwLjc1Ni0yLjU2MyAwLjkzNi0wLjc2NSAwLjE3OC0xLjU5MyAwLjI2Ny0yLjQ4MSAwLjI2Ny0xLjAxMCAwLTEuNjA1LTAuMTI3LTIuMzgxLTAuMzgxLTAuNzc1LTAuMjU2LTEuNDM4LTAuNjIxLTEuOTg0LTEuMDkwLTAuNTQ5LTAuNDczLTAuOTI4LTAuOTc1LTEuMTQtMS41MDZzLTAuMzE3LTEuMzAzLTAuMzE3LTIuMzEzdi03Ljc0NGgtM3YtMy4xMjdjMC44NjctMC4yODEgMS44NzMtMC42ODUgMi40OS0xLjIxMSAwLjYyLTAuNTI3IDEuMTE2LTEuMTU4IDEuNDktMS44OTYgMC4zNzUtMC43MzYgMC42MzMtMS42NzYgMC43NzQtMi44MTVoMy4xNDF2NS4xMDhoNS4xMDV2My45NDFoLTUuMTA2djUuNjYyYzAgMS4yODEtMC4wMTcgMi4wMjAgMC4xMTkgMi4zODMgMC4xMzUgMC4zNjEgMC40NzMgMC43MzYgMC44NDEgMC45NTMgMC40ODkgMC4yOTMgMS4wNDcgMC40MzkgMS42NzYgMC40MzkgMS4xMTggMCAyLjIzMS0wLjM2MyAzLjMzNi0xLjA5MHYzLjQ4MnoiPjwvcGF0aD48L3N2Zz4=);
}



/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------       CATALOGO            -------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/




.breadcrumb{
  font-size: 1.2rem;
}
.breadcrumb a {
  font-size: 1.2rem;
  color: #000;
}
.breadcrumb a:hover {
  text-decoration: none;  
  color: #0e6ebe;
}

/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------    FOOTER            -------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/

.site-footer {
    position: relative;
    display: block;
    background-image: url(../img/Footer.png);   
    background-position: center center;
    background-size: cover;
    background-attachment: inherit;
    background-repeat: no-repeat;
    padding-bottom: 95px;
}
.site-footer_farm_image {
    position: absolute;
    bottom: -22%;
    right: -1%;
    opacity: 0.07;
}

.footer-widget__column.margin_left_30 {
    margin-left: 30px;
}
.footer-widget__title {
    position: relative;
    display: block;
    margin-bottom: 36px;
}
.footer-widget__title h3 {
    color: var(--BlP);
    font-size: 30px;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
}
.footer-widget__title:before {
    position: absolute;
    bottom: -8px;
    left: 0;
    height: 4px;
    width: 20px;
    background: var(--thm-base);
    content: "";
    border-radius: 5px;
}

.footer-widget_about_text p {
    color: #c5c9c4;
    font-size: 16px;
    margin: 0;
}
.footer_input-box {
    position: relative;
    display: block;
    margin-top: 29px;
}
.footer_input-box input {
    height: 70px;
    width: 100%;
    background: #394336;
    border: none;
    padding: 0 30px;
    border-radius: 5px;
}
.footer_input-box input[type="Email"] {
    font-size: 16px;
    color: #c5c9c4;
    height: 70px;
    width: 100%;
    background: #394336;
    border: none;
    padding: 0 30px;
    border-radius: 5px;
}
.footer_input-box .button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 5px;
    background: #394336;
}
.footer_input-box .button i {
    color: var(--thm-base);
}
.footer-widget__links-list li a {
    position: relative;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.footer-widget__news {
    position: relative;
    display: block;
    margin: 0;
    padding-top: 2px;
    margin-left: 7px;
}
.footer-widget__news li {
    position: relative;
    display: block;
    padding-left: 70px;
    padding-bottom: 28px;
}
.footer-widget__news_image {
    position: absolute;
    left: 0;
    top: 10px;
    display: block;
    overflow: hidden;
    height: 50px;
    width: 50px;
    border-radius: 5px;
}
.footer-widget__news_image img {
    width: 100%;
    opacity: 1;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.footer-widget__news_image img:hover {
    opacity: 0.5;
}
.footer-widget__news_date_box p {
    font-size: 14px;
    color: var(--thm-base);
    font-weight: 600;
    margin: 0;
}
.footer-widget__contact {
    padding-left: 50px;
}
.footer-widget_contact p {
    color: #c5c9c4;
    font-size: 16px;
    margin: 0;
    margin-bottom: 14px;
}
.footer-widget_contact a {
    color: var(--thm-base);
    font-size: 16px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.footer-widget_contact a:hover {
    color: var(--thm-primary);
}

.footer_social{
	text-decoration: none;
	border: 1px solid #DDDDDD;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;	
	margin-top: 10px;
	height: 30px;
	width: 30px;
	color: var(--BlP);
}

.name_footer_social{
    text-decoration: none;
    color: var(--BlP);
    margin-left: .5em;
}

.redes_sociales_footer{
    padding-left: 0 !important;
}

.info_sucursal_footer{
    color: var(--BlP);
}

.info_sucursal_footer .title_sucursal{
    font-weight: 500;
    letter-spacing: 2px;
    font-size: 1.2em;
}

.info_sucursal_footer .direccion_sucursal{
    font-weight: 400;    
    font-size: 1em;
}
.info_sucursal_footer .horario_sucursal{
    font-weight: 200;
    letter-spacing: 1px;
    font-size: .8em;
}

.sucursalsola{
    margin-top: 70px;
}

.logo_footer{
    padding: 50px 0px 50px 0px;
}







/*/*/
.color-code{
  /*margin-top: 10px;*/
}
.color-code span {
  width: 17px;
  height: 17px;
  border-radius: 50%;
  display: inline-block;
  margin-left: 10px;
}

.color-code .negro {
  background-color: #000;
}
.color-code .amarillo {
  background-color: var(--AMARILLO);
}
.color-code .arena {
  background-color: var(--ARENA);
}
.color-code .azulcielo {
  background-color: var(--AZULCIELO)
}
.color-code .azulindigo {
  background-color: var(--AZULINDIGO)
}
.color-code .azulmarino {
  background-color: var(--AZULMARINO)
}
.color-code .azulmezclilla {
  background-color: var(--AZULMEZCLILLA)
}
.color-code .azulprofundo {
  background-color: var(--AZULPROFUNDO)
}
.color-code .azulrey{
  background-color: var(--AZULREY)
}
.color-code .beige{
  background-color: var(--BEIGE)
}
.color-code .blanco{
  background-color: var(--BLANCO)
}
.color-code .burdeos{
  background-color: var(--BURDEOS)
}
.color-code .cafe{
  background-color: var(--CAFE)
}
.color-code .cafeclaro{
  background-color: var(--CAFECLARO)
}
.color-code .cafemedio{
  background-color: var(--CAFEMEDIO)
}
.color-code .cafeobscuro{
  background-color: var(--CAFEOBSCURO)
}
.color-code .camel{
  background-color: var(--CAMEL)
}
.color-code .caoba{
  background-color: var(--CAOBA)
}
.color-code .decolorante{
  background-color: var(--DECOLORANTE)
}
.color-code  .fiusha{
  background-color: var(--FIUSHA)
}
.color-code .grisclaro{
  background-color: var(--GRISCLARO)
}
.color-code .grisobscuro{
  background-color: var(--GRISOBSCURO)
}
.color-code .grisoxfor{
  background-color: var(--GRISOXFOR)
}
.color-code .incoloro{
  background-color: var(--INCOLORO)
}
.color-code .marronobscuro{
  background-color: var(--MARRONOBSCURO)
}
.color-code .miel{
  background-color: var(--MIEL)
}
.color-code .morado{
  background-color: var(--MORADO)
}
.color-code .naranja{
  background-color: var(--NARANJA)
}
.color-code .negro {
  background-color: var(--NEGRO)
}
.color-code .neutro{
  background-color: var(--NEUTRO)
}
.color-code .olivo{
  background-color: var(--OLIVO)
}
.color-code .rojo{
  background-color: var(--ROJO)
}
.color-code .rosa{
  background-color: var(--ROSA)
}
.color-code .rosamexicano{
  background-color: var(--ROSAMEXICANO)
}
.color-code .turqueza{
  background-color: var(--TURQUEZA)
}
.color-code .verde{
  background-color: var(--VERDE)
}
.color-code .verdeesmeralda{
  background-color: var(--VERDEESMERALDA)
}
.color-code .verdelimon{
  background-color: var(--VERDELIMON)
}
.color-code .verdemilitar{
  background-color: var(--VERDEMILITAR)
}
.color-code .verdemusgo{
  background-color: var(--VERDEMUSGO)
}
.color-code .vino{
  background-color: var(--VINO)
}
.color-code .violetaintenso{
  background-color: var(--VIOLETAINTENSO)
}