/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

@import url('https://fonts.googleapis.com/css2?family=Anybody:ital,wght@0,100..900;1,100..900&family=Cairo:wght@200..1000&display=swap');
/* General Custom CSS */

.container {
    padding: 0 130px;
}
.content{
	padding-top:0px;
	padding-bottom:0px;
	
}
p,h1{
	font-family: "Anybody", sans-serif !important;
	
}

   /* ============HEADER  ============*/
.logo a {
	display:flex;
	justify-content:center;
	align-items:center;
}
.logo a img {
	width:170px !important;
}
.menu-item a span{
	font-size:15px;  
	font-family: "Anybody", sans-serif;
	font-weight:500 !important;

}

#top .main_menu .menu li a{
    position:relative;
}


#top .main_menu .menu li a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:17px;
    width:0;
    height:3px;
    background:#8f8f6d; 
    transition:0.3s;
}


#top .main_menu .menu li a:hover::after{
    width:90%;
}
#top .main_menu .menu li.current-menu-item a::after{
    width:90%;
}


/*============ INICIO- BANNER ============*/

.hero-slider-m {
    position: relative;
    width: 100vw !important;
    height: 100vh;
    margin-left: calc(-50vw + 50%) !important;
  
    background-size: cover !important;
    background-position: center !important;
}

.slide-m {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: 0.6s;
}

.slide-m.active {
    opacity: 1;
}


/* TEXTO */

.contenido-m {
    z-index: 2;
    position: relative;
    color: white;
    max-width: 500px;
    margin-left: 130px;
    top: 65%;
    transform: translateY(-50%);

}

.cont-titulo-ban {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}


.cont-titulo-ban h1 {
    text-transform: none !important;
    font-weight: 400;
    font-size: 50px;
    color: white !important;
    margin-bottom: 0px !important;
	  font-family: "Cairo", sans-serif !important;
}

.second-tit-banner {
    padding-left: 190px;
}

.contenido-m p {
    font-size: 15px;
}


/* CONTROLES */

.controles-m {
    position: absolute;
    bottom: 50px;
    right: 130px;
    display: flex;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 40px;
    overflow: hidden;
    backdrop-filter: blur(5px);
    z-index: 2;
}


.controles-m button {
    border: none;
    background: transparent;
    color: white;
    font-size: 20px;
    padding: 15px 20px;
    cursor: pointer;
}

.controles-m button:hover {
    background: rgba(255, 255, 255, 0.2);
}


/*============ INICIO / SECTION 2============ */

.in-tit-t2 h2 {
    text-transform: none !important;
    font-size: 35px;
	margin-bottom:0px;
    font-weight: 400 !important;
    color: #4c4c4c !important;
	font-family: "Cairo", sans-serif !important;
}
.in-tit-t2{
	margin-bottom:30px;
}





.vision-com {
    display: flex;
    gap: 15px;
    justify-content: flex-end;
}
.vision-com .avia-image-container{
	width: 275px;
	margin:0px ;
}
.img-title {
	font-family: "Cairo", sans-serif !important;
    font-size: 35px;
	color:#4c4c4c !important; 
	text-align:left;
	font-weight:400 !important;
}


/* ============INICIO / SECTION 3============ */

.tit-2-ini-an h2 {
    text-transform: none !important;
    font-weight: 400 !important;
    font-size: 35px;
	letter-spacing:1px;
	font-family: "Cairo", sans-serif !important;
    color: #4c4c4c !important;
}

.tit-2-ini-an {
    padding-bottom: 20px;
}

.sect-bt-divs2 {
    padding-top: 30px;
    float: right;
}

.sect-bt-divs2 a {
    display: inline-block;
    padding: 10px 50px;
    font-family: "Anybody", sans-serif;
    text-decoration: none;
    font-size: 15px;
   color: white !important;
    border-radius: 25px;
    background: #8f8f6d;
    transition: all 0.3s ease;
}

.sect-bt-divs2 a:hover {
    border:1px solid #8f8f6d !important;
	background:transparent;
    color: #8f8f6d !important;
}
/*=======INICIO / SECTION DECORACION IMG ============*/
.dec-img-in{
  position: relative !important;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    background-size: cover !important;
    background-position: center !important;
}

.cont-dec-img-in .avia-image-container-inner{
  position: relative !important;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    background-size: cover !important;
    background-position: center !important;
}




.cont-dec-img-in .avia-image-container-inner .avia-image-overlay-wrap img{
	margin-top:40px;
	margin-bottom:40px;
	float:right;
	max-width:100%;
	width:55%;
}

/*=======INICIO / SECTION 4 ============*/

.tit-ps3-ini h2 {
    color: #4c4c4c !important;
    font-weight: 400;
    font-size: 53px;
    letter-spacing: 5px;
		font-family: "Cairo", sans-serif !important;
}

.image-wrapper-in3{
	 position: relative !important;
    margin-right: calc(-50vw + 50%) !important;
	

}
.main-image-in3 {
    width: 100%;
    display: block;
}

/* CARD */
.card-in3 {
    position: absolute;
    right: 0%;
    top: 50%;
    transform: translateY(-50%);
    background: white;
    padding: 45px;
    width: 450px;
}

.card-in3 h3 br {
   
}

.card-in3 h3 {
    color: #4c4c4c;
    font-weight: 300 !important;
		font-family: "Cairo", sans-serif !important;
    margin-bottom: 30px;
    font-size: 35px;
	letter-spacing:1px;
}

.card-in3 p {
    color: #777777;
    font-size: 15px;
 
    margin-bottom: 30px;
}

/* BOTON */
.btn-in3 {
    float: right;
    display: inline-block;
    padding: 11px 33px;
   background:#8f8f6d ;
    border-radius: 20px;
    color: white !important;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s;
	  font-family: "Anybody", sans-serif;

	
}

.btn-in3:hover {
    background: transparent;
	 border: 1px solid #8f8f6d !important;
    color: #8f8f6d !important;
}

/* ============INICIO / SECTION 5============ */
.tit-ps5-ini h2 {
    color: #4c4c4c !important;
    font-weight:400;
    font-size: 50px;
	font-family: "Cairo", sans-serif !important;
    letter-spacing: 5px;
	
}
 /* ============NICIO / SECTION 6 ============*/
	
.barbers-pro-in{
	margin-bottom:40px;
	
}	
.barbers-pro-in h2{
    text-align:left;
    font-size:30px;
    font-weight:400;
    margin-bottom:30px;
	color:#4c4c4c;
	  font-family: "Anybody", sans-serif;
}

.info-pro-in{
    display:none;
	visibility:hidden;
  justify-content: space-between;
    gap:120px;
    margin-bottom:10px;
}

.info-pro-in p{
  font-family: "Anybody", sans-serif;
    font-size:19px;
	font-weight:400;
    color:#4c4c4c;
}
.imagenes-pro-in{
    display:flex;
    gap:40px;
    align-items:flex-end !important;
}
.img-left-pro-in{
    flex:1;
}


.img-right-pro-in{
    flex:2;
}

.img-left-pro-in img,
.img-right-pro-in img{
	height:400px;
	object-fit:cover;
    display:block;
	width:100% !important;
}

/*============ INICIO / SECTION 7 ============*/
/* TITULO */
.project-title-ini {
    color: #4c4c4c !important;
  
    margin-bottom: 30px;
  font-size:30px;
    font-weight:400;
	 font-family: "Anybody", sans-serif;
}


/* TABS */
.tabs-ini {
    display: none;
	visibility:hidden;
    gap: 150px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.tab-ini {
	
	 font-family: "Anybody", sans-serif;
    font-size:19px;
    color:#4c4c4c;
	
	
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px 0;
    position: relative;
   
}

.tab-in.active {
    color: #8f8f6d;
    font-weight: 500;
}

.tab-ini::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0;
    height: 2px;
    background: #8f8f6d;
    transition: .3s;
}

.tab-ini.active::after {
    width: 100%;
}

/* IMAGEN */
.image-container-ini {
    width: 100%;
}

.image-container-ini img {
    width: 100%;
    height: auto;
    display: block;
}
/*============ NOSOTROS- SECTION 2 ============*/
.nos-part-2-arq{
	display:flex;
	gap:40px;
	align-items: center;
}
.sect-1-nos{
	flex:1;
}
.sect-1-nos h2{
	font-size:40px;
	font-weight:400;
	  font-family: "Cairo", sans-serif;
	color:#4c4c4c !important;
}
.sect-2-nos{
	flex:1.5;
}
.sect-2-nos p{
	font-size:15px;
	margin-bottom:30px;
	color:#777777 !important;
}
.sect-2-nos-bt button{
	
	background:#8f8f6d;
font-family: "Anybody", sans-serif;
	font-size:15px;
	color:white !important;
	padding:12px 30px;
	border-radius:20px;
     text-decoration: none;
   border:none ;
    transition: 0.3s;
	cursor:pointer;
}




.sect-2-nos button:hover {
    background: transparent;
	border:1px solid #8f8f6d !important;
    color: #8f8f6d !important;
}




/*============ NOSOTROS- HISTORIA ============*/


.cont-hyst-nos-tit h2{
		font-size:40px;
	font-weight:400;
	 font-family: "Cairo", sans-serif;
	color:#4c4c4c !important;

}

.cont-hyst-nos-tit p{
	font-size:15px;

	color:#777777 !important;
	padding:10px 70px 0px 70px;
	
}

.sect-2-nos-bt{
	display:none;
	visibility:hidden;
}
/*============ NOSOTROS- SOCIOS ============*/
.cont-soc-tit-nos h2{
		font-size:40px;
	font-weight:300;
	  font-family: "Varela", sans-serif;
	color:#4c4c4c !important;
}
.cont-soc-nos h3,
.cont-soc-nos .team-member-job-title{
	text-align:center;
		padding-top:10px;
	  font-family: "Varela", sans-serif;
}
.cont-soc-nos h3{
	font-weight:500 !important;
}

/*============ NOSOTROS- SECTION 3 ============*/


.process-container-nos{
 
  display:flex;
  gap:80px;
  align-items:flex-start;
}
.process-container-nos{
  max-width:1200px;
  margin:auto;
  display:flex;
  gap:60px;
  align-items:center;
}
.process-item-nos div{
	display:flex;
	align-items: flex-start;
	gap:20px;
}
.process-item-nos div svg{
	width:35px;
	height:auto;
}
/* COLUMNA IZQUIERDA */
.process-content-nos{
  flex:1;
}

.process-item-nos{
  margin-bottom:60px;
}

.process-item-nos h2{
  color:#4c4c4c;
  font-weight:400;
  letter-spacing:1px; 
	font-size:35px;
  margin-bottom:30px;
	 font-family: "Cairo", sans-serif;
}

.process-item-nos p{
 margin-left: auto !important;
  color:#777777;
  font-size:15px;
  max-width:350px;
}



/* COLUMNA DERECHA */
.process-image-nos{
  flex:1;
}

.img-card-nos-pro{
    position:relative;
    width:100%;
    max-width:500px;
}
.img-card-nos-pro img{
    width:100%;
    display:block;
}
.text-box-nos-pro{
    position:absolute;
    bottom:0;
    right:0;

    display:flex;
    align-items:center;
    gap:15px;

    background:#8f8f6d;
    padding:35px 30px;
    width:85%;
}
.text-box-nos-pro p{
    color:white;
	font-weight:300;
    font-size:21px;
  letter-spacing:1px;
	     font-family: "Cairo", sans-serif !important;
    margin:0;
}

/* SVG */

.icon-nos-pro{
    width:70px;
    height:auto;
}

/*============ NOSOTROS- SECTION 4 ============*/
.sub-tit-4-nos h3{
	color:#4c4c4c !important;
	font-size:35px;
	font-weight:400;
	 font-family: "Cairo", sans-serif !important;
	

}
.sub-tit-4-nos{
	background-image:url("/wp-content/uploads/2026/02/cta-img-nos.jpg");
	width:100%;
	padding:100px 0px;
	 background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

/*============ NOSOTROS- SECTION 4 visin .mision y valores  ============*/
.ms-vs-val{
	display:flex;
	gap:70px;
	padding-bottom:150px;
}
	.cont-val-enf{
		padding-bottom:180px;
	}
.ms-vs-val > div{
	flex:1;
}
.mision h2,
.vision h2,
.valores h2{
	font-size:30px;
	font-weight:400;
	text-transform:uppercase;
	color:#4c4c4c !important;
	margin-bottom:20px;
	margin-top:25px;
	 font-family: "Cairo", sans-serif !important;

}
.mision p,
.vision p,
.valores p{
	color:#777777 !important;
	font-size:15px;
}
.valores ul{
	list-style:disc !important;
}
.valores ul li{
	color:#777777 !important;
	font-size:15px;
	font-family: "Anybody", sans-serif !important;
}
.valores ul li::marker{
	color:#4c4c4c;
	font-size:28px !important;
	
}
.line-ms-vs-val{
		height:3px;
		width:100%;
		background:#8f8f6d;
	}	
	

/*============ NOSOTROS- SECTION 5 ============*/
	
	.ideas-section-nos{
  background-color:#f4f2ec; 
    position: relative;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
		
}
.ideas-container-nos{
  max-width:1100px;
  margin:auto;
  display:grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
    "top top"
    "text text"
    "left right";
  gap:60px;
	padding-bottom:140px;
}
.top-image-nos{
  grid-area: top;
	margin-top:-150px;
}

.top-image-nos img{
  width:100%;
  display:block;
}

/* Texto */
.ideas-text-nos{
  grid-area: text;
  max-width:410px;
}

.ideas-text-nos p{
  color:#4c4c4c;
  font-size:35px;
	line-height:1.2;
	font-weight:500 !important;
	 font-family: "Cairo", sans-serif !important;

}
/* Imagen izquierda */
.bottom-left-nos{
  grid-area: left;
}

.bottom-left-nos img{
  width:90%;
  display:block;
	margin-top:200px;
}

/* Imagen derecha */
.bottom-right-nos{
  grid-area: right;
}

.bottom-right-nos img{
  width:90%;
  display:block;
}
	

.sect-cont{
	margin-top:0px !important;
	padding-top:0px !important;
}

/*============ NOSOTROS - LAST SECTION============*/

.div-mas-proyectos .grid-entry{
	padding:10px;
	
}
.div-mas-proyectos .grid-entry article .grid-content .avia-arrow{
	display:none !important;
	visibility:hidden !important;

}
.div-mas-proyectos .grid-entry article{
	box-shadow:none !important;
}
.div-mas-proyectos .grid-entry article .grid-content .entry-content-header .grid-entry-title a{
	font-size:17px;
	color:#8f8f6d !important;
	font-family: "Cairo", sans-serif;
	font-weight:600 !important;
}
/*============ SERVICIOS- SECTION 2 ============*/

.serv-tit-1 h3{
	font-weight:300;
	color:#4c4c4c !important;
	font-size:35px;
	  font-family: "Cairo", sans-serif;

}

/*============ SERVICIOS- SECTION 3 ============*/
.box-sect-nos{
	display:flex;
	gap:60px;
	
	margin-bottom:90px;
	align-items: center;
}

.cont-serv-img{
	flex:1;
}

.box-cont-text-serv{
	flex:1;
}

.box-cont-text-serv h2{
	font-weight:400;
	 font-family: "Cairo", sans-serif;
	font-size:35px;
	color:#4c4c4c !important;
	margin-bottom:50px;
}
.cont-text-right-serv{
	display:flex;
	flex-direction:column;
	width:70%;
	align-items: flex-end;
	margin-left:auto;
}
.cont-text-right-serv p{
	font-size:15px;
	margin-bottom:20px;
	color:#777777 !important;
}

.cont-text-right-serv ul{
	list-style:disc !important;
}
.cont-text-right-serv ul li{
	color:#777777 !important;
	font-size:15px;
}
.cont-text-right-serv ul li::marker{
	color:#4c4c4c;
	font-size:28px !important;
	
}


.cont-text-right-serv button{
    background:#8f8f6d;
	border:none;
	font-size:15px;
	color:white !important;
	padding:12px 35px;
	border-radius:25px;
     text-decoration: none;
   cursor:pointer;
    transition: 0.3s;
	  font-family: "Anybody", sans-serif;

}




.cont-text-right-serv button:hover {
    background: transparent;
	border:1px solid #8f8f6d !important;
    color: #8f8f6d !important;
}
/*============ TIENDA CSS============*/
	
.page-id-409 #main .container_wrap_first{
		background:#f4f2ec !important;
	}
	
	
.btn-whatsapp {
  display: inline-block !important;
  background: #8f8f6d;
  color: white !important;
  text-align: center;
  padding: 10px 60px;
  margin-top: 10px;
	
  border-radius: 25px !important;
  text-decoration: none;
	font-size:15px !important;
  font-family: "Cairo", sans-serif;
}

.btn-whatsapp:hover {
  background: transparent;
	border: 1px solid #8f8f6d;
	color:#8f8f6d !important;
}
.woocommerce ul.products li.product .woocommerce-product-details__short-description {
  display: block !important;
}

.short-desc {
  font-size: 13px;
   font-family: "Cairo", sans-serif;
	color:#4c4c4c !important;
}



.inner_product .avia_cart_buttons{
	display:none;
	visibility:hidden;
}
.inner_product_header .avia-arrow{
	display:none;
	visibility:hidden;
}

.inner_product_header {
	text-align:center;
	border-top-style:none !important;
	min-height:100% !important;
}
.inner_product{
	display:flex;
	flex-direction:column;
	align-items:center;
	border:none !important;
	padding:30px 0px;
	border-radius:15px;
}

.product {
	border:none !important;
}
.woocommerce-loop-product__title{
	font-size:18px!important;
	  font-family: "Cairo", sans-serif;
	color:#4c4c4c !important;
	text-transform:none !important;
	padding-bottom:5px;
	font-weight:600 !important;
}
.woocommerce-Price-amount {

	color:#4c4c4c !important;
  font-family: "Cairo", sans-serif;
}
.currently-selected{
	font-family: "Anybody", sans-serif;
}
.woocommerce-tabs #tab-title-reviews{
	display:none !important;
	visibility:hidden; 
}
.single-product-summary .summary form{
	display:none !important;
	visibility:hidden; 
}

/*============ PROYECTOS- SECTION 1 TITULO ============*/

.cont-tit-1-pro {
	display:flex;
	gap:20px;
	align-items: flex-end;
}
.cont-1-pro-tit{
	flex:1.5;
}
.cont-1-pro-pr{
	flex:1;
}
.cont-1-pro-tit h2{
	color:#4c4c4c !important;
	font-size:55px !important;
	font-weight:400 !important;
	letter-spacing:7px !important;
	font-family: "Cairo", sans-serif;
	margin-bottom:0px;
}
.cont-1-pro-pr p{
	font-size:15px;
	margin-top:0px;
	color:#777777;
	margin-bottom:0px;
}


/*============ PROYECTOS- SECTION 2 IMG ============*/

.image-wrapper-in3-pro{
	 position: relative !important;
    margin-right: calc(-50vw + 50%) !important;
	width:100vw !important;

}


/*============ PROYECTOS- SECTION 3 ============*/


.pro-section-3{
	display:flex;
	gap:140px;
	align-items: center;
}

.pro-section-3-info{
	flex:1;

	
}
.pro-section-3-img{
	flex:1.2;
	position:relative;
}
.pro-section-3-img::after{
	content:"";
	position:absolute;
	width:600px;
	height:55%;
	background:#8f8f6d;
	bottom:-30px;
	right:-150px;
	z-index:0;
}
.pro-section-3-img img{
	width:100%;
	display:block;
	position:relative;
	z-index:1;
}
.pro-section-3-info h3{
	color:#4c4c4c !important;
	font-weight:400;
	font-size:35px;
	font-family: "Cairo", sans-serif;
	margin-bottom:30px;
}
.pro-section-3-info p{
	font-size:15px;
	color:#777777;
}
.second-text-info-pro-3 p{
	margin-top:25px;
	color:#777777;
	margin-bottom:40px;
	font-size:15px;
}


.pro-section-3-info-btn button{
background:#8f8f6d;
	border:none;
	font-size:15px;
	color:white !important;
	padding:12px 35px;
	border-radius:20px;
     text-decoration: none;
   cursor:pointer;
    transition: 0.3s;
}

.pro-section-3-info-btn button:hover {
	border:1px solid #8f8f6d !important;
    background: transparent;
    color: #8f8f6d !important;
}


/*============ PROYECTOS- SECTION 4 ============*/

.cont-img-section-4-pro{
    width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
    background-size: cover !important;
    background-position: center !important;
}
.cont-img-section-4-pro .avia-image-container-inner {
 width: 100% !important;
  height: 100%;
  object-fit: cover;
} 
.cont-img-section-4-pro .avia-image-container-inner .avia-image-overlay-wrap img{
	 width: 100% !important;
	height: 100% !important;
  object-fit: cover !important;
}


/*============ PROYECTOS- SECTION 5 TEXTO ============*/

.text-cont-5-pro-tit h3{
	color:#4c4c4c;
	font-size:35px;
	font-weight:400;  
font-family: "Cairo", sans-serif;

}



/*============ PROYECTOS- SECTION 6 IMAGENES ============*/



.main-image-in3 {
    width: 100%;
    display: block;
}



/*============ PROYECTOS- SECTION 6 IMAGENES ============*/
.layout-section-5-pro{
 position: relative !important;
  width:100vw !important;
	 margin-left: calc(-50vw + 50%) !important;
	display:flex;
	gap:30px;

}
.layout-section-5-pro::before{
	display:none;
	visibility:hidden;
}
.layout-section-5-pro::after{
	display:none;
	visibility:hidden;
}

.horizontal-5-pro{
	width:100%;
	height:100%;
	flex:1 !important;
	
}

.vertical-5-pro{
	flex:1 !important;
	width:100%;
	height:100%;
	position:relative !important;

}

.img-box-5-pro .avia-image-container-inner .avia-image-overlay-wrap img{
  object-fit:cover;
  display:block;
}

.vertical-5-pro::after{
	content:"" !important;
	position:absolute !important;
	width:400px !important;
	height:65% !important;
	background:#a3a083;
    top:50%;               
	transform:translateY(-50%);
	right:-140px !important; 
	z-index:0 !important;
}
.vertical-5-pro .avia-image-container-inner .avia-image-overlay-wrap img{
	position:relative !important;
	z-index:1 !important;
	width:80% !important;
	height:100% !important;
	object-fit:cover !important;
}



	/*============CONTACTO ===========*/

.cont-red-social{
	display:flex;
	padding:30px 0px;
	justify-content: flex-start;
	gap:200px;
	flex-wrap:wrap;
}


.cont-info-so-me span{
	display:flex;
	justify-content:center;
	align-items: center;
	background:#8f8f6d;
	color:white !important;
	font-size:40px;
	border-radius:50%;
	width:80px;
	height:80px;
margin-bottom:50px;
	
}
.cont-info-so-me p{
	font-size:17px;
	margin:0px;
	color:#777777 !important;
	  font-family: "Anybody", sans-serif;
}








	/*============FORMULARIO DE CONTACTO ============*/
	
	.sect-cont{
		display:flex;
		align-items:stretch;
		position:relative;
		width:100vw !important;
		margin-left: calc(-50vw + 50%)!important; 
	}
	
	.sect-cont section{
		flex:1.2;
	}
	.sect-cont form{
		flex:1;
		padding:45px 55px;
		
	}
.cont-form{
	margin-bottom:0px !important;
}

.sect-cont section div,
.cont-img-form,
.cont-img-form img{
	height:100% !important;
}


.cont-form h3{
	font-size:35px;
	
	font-weight:400;
	color:#4c4c4c;
  font-family: "Cairo", sans-serif;

}
.cont-form fieldset {
	width:90%;
}
.cont-form fieldset label{
	  font-family: "Anybody", sans-serif;

		color:#4c4c4c !important;
	font-weight:500 !important;
	font-size:14px !important;
}

.cont-form fieldset input[type="text"]{
    border: none !important;
    border-bottom: 1px solid #4c4c4c !important;
    background: transparent !important;
    outline: none !important;
    width: 100% !important;
    padding: 8px 0 !important;
}
.cont-form fieldset textarea{
    border: none !important;
    border-bottom: 1px solid #4c4c4c !important;
    background: transparent !important;
    outline: none !important;
    width: 100% !important;
    padding: 8px 0 !important;
	height:90px;
}

.cont-form fieldset input[type="submit"]{
	background:#8f8f6d !important;
	font-size:14px;
	color:white !important;
	border:none !important;
     padding:12px 45px;
	border-radius:20px;
	margin-top:25px;
}

.cont-form fieldset p:last-of-type{
	display:flex !important;
	justify-content: flex-end !important;
	float:none !important;
	
}


/*============ FOOTER CSS============*/
#footer{
	border:none !important;
	padding:70px 0 70px 0;
}
.copyright{
		  font-family: "Anybody", sans-serif;

	font-size:15px !important;
}
.copyright a{
	display:none;
	visibility:hidden;
}
.div-log-info p,
.widget_pages ul li a,
.link-pol-ck-lb a,
.info-fot-soc p,
.icon-fot-social p{
	font-size:14px;
	  font-family: "Anybody", sans-serif;

}
.page_item {
	  font-family: "Anybody", sans-serif;
}
.div-log-info p{
	margin-top:30px;
}
.widgettitle {
	display:none;
	visibility:hidden;
}
.link-pol-ck-lb{
	display:flex;
	flex-direction:column;
	
}
.info-fot-soc p{
	margin:0px;
}
#footer .container .av_one_fourth{
	margin-left:0% !important;
	width:25%;
}
.div-footer-img-logo img{

}
#footer .container{
	display:flex;
	justify-content:flex-end
}
.el_after_av_one_fourth{
	display:flex;
	
	justify-content:center;
}
.widget_pages ul li,
.link-pol-ck-lb a,
.info-fot-soc p{
	padding-bottom:7px !important;
}
.icon-fot-social{
	margin-top:30px;
}
.icon-soc-fot i{
	width:40px;
	height:40px;
	border:1px solid white !important;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:15px;

}
.icon-soc-fot{
	display:flex;
	flex-direction:row; 
	gap:10px;
}
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media (max-width: 989px) {
	
/*=======INICIO / SECTION DECORACION IMG ============*/
.dec-img-in{
  position: relative !important;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    background-size: cover !important;
    background-position: center !important;
}
.cont-dec-img-in img{
	margin-top:40px;
	margin-bottom:40px;
	float:none !important;
	
	width:100% !important;
}
	
/*============ NOSOTROS- HISTORIA ============*/


.text-p-nos-sect2 {
	padding:0px;
	
}

.cont-hyst-nos-tit p{
	padding:10px 0px 0px 0px;
	
}
	
	/*============ NOSOTROS- SECTION 3 ============*/

.process-container-nos{
    flex-direction:column;
    gap:40px;
  }
.process-item-nos{
    margin-bottom:40px;
  }
	.process-item-nos h2 {
		  margin-bottom:30px;
	}
  .process-item-nos p{
    max-width:auto;
  }
	
	
/*============ NOSOTROS- SECTION 4 visin .mision y valores  ============*/

.ms-vs-val{
	flex-wrap:wrap;
	justify-content: center;
	text-align:center;
}
	.mision,
	.vision,
	.valores{
		width:320px;
	}
	
	.ms-vs-val > div{
	flex:none;
}
.mision h2,
.vision h2,
.valores h2{
	font-size:35px;
	font-weight:100;
	text-transform:uppercase;
	color:#8299a9 !important;
	margin-bottom:20px;
}
.mision p,
.vision p,
.valores p{
	
	font-size:15px;
}
	
	
	
/*============ NOSOTROS- SECTION 5 ============*/
	
	.ideas-section-nos{
  
    position: relative;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
		padding:0px 100px;
		
}
	
	.ideas-text-nos{
  grid-area: text;
  max-width:100%;
}
	.bottom-left-nos img{
  width:100%;
  
}

.bottom-right-nos img{
  width:100%;
 
}
	
	
	
	
	/*============ SERVICIOS- SECTION 2 ============*/
	.cont-sect-2-tit{
		margin-left:0% !important;
		width:100% !important;
	}
	.serv-tit-1 h3{
		margin-bottom:0px;
	}
	
	
/*============ PROYECTOS- SECTION 3 ============*/

	.pro-section-3{
	
	gap:60px;
	
}
	.pro-section-3-img::after{
display:none;
		visibility:hidden;
}
	/*============ PROYECTOS- SECTION 4 ============*/

.cont-img-section-4-pro{
    width: 100% !important;
  margin-left: auto !important;
  
}
	
	/*============CONTACTO ===========*/

.cont-red-social{
	justify-content: center;
	gap:60px;
}
.cont-info-so-me {
	width:200px;
}

	
	
	
	
	
/*============FORMULARIO DE CONTACTO ============*/

	
	.sect-cont{
		flex-direction:column;
		position:static;
		width:100% !important;
		margin-left: auto !important; 
		gap:30px;

	}

		.sect-cont form{
		
		padding:0px;
	}

	.cont-form {
		width:100% !important;
	}
	
	.cont-form h3 br{
		display:none;
		visibility:hidden;
	}
	/*============ FOOTER CSS============*/
#footer .container{
flex-wrap:wrap;
}

}

@media (max-width: 767px) {

    /* ============INICIO- BANNER ============*/
    .hero-slider-m {
        height: 400px;
    }

    .hero-slider-m {
        display: flex;
        flex-direction: column;
    }

    .contenido-m {
        top: 0px;
        margin: 130px 130px 0px 130px;
    }

    .second-tit-banner {
        padding-left: 0px;
    }


    /*============ INICIO / SECTION 2 ============*/

    .in-tit-t2 h2 {
        text-align: center !important;
    }

    .vision-com {
        text-align: center;
        justify-content: center !important;
        align-items: center !important;
    }

    /* INICIO / SECTION 4 */

    .card-in3 {
        position: static;
        transform: none;
        width: 100%;
        margin-top: 20px;
    }

    .image-wrapper-in3 {
        position: static;
        margin-right: auto;
    }


    /* CARD */
    .card-in3 {
        padding: 35px;
    }

    .card-in3 h3 {
        font-weight: 200 !important;
        font-size: 25px;
    }

    .card-in3 p {
        font-size: 15px;
    }

    .btn-in3 {
        float: none;
    }
	
	
	
	 /* ============INICIO / SECTION 6 ============*/
	
	
.barbers-pro-in h2{
    text-align:left;
    font-size:35px;
    font-weight:400;
    margin-bottom:10px;
	color:#4c4c4c;
	 font-family: "Varela", sans-serif;
}

.info-pro-in{
    
    gap:50px;
    align-items:flex-start;
}


.imagenes-pro-in{
   flex-direction:column;
}
.img-left-pro-in{
    flex:unset;
    width:100%;
	  order: 2;
}


.img-right-pro-in{
    flex:unset;
    width:100%;
	 order: 1;
}

.img-left-pro-in img,
.img-right-pro-in img{
	height:100%;
	object-fit:cover;
    display:block;
}

	
	


    /* ============INICIO / SECTION 7 ============*/
 
    /* TABS */
    .tabs-ini {
        display: flex;
        gap: 100px;
    }
	
	
	
/*============ NOSOTROS- SECTION 2 ============*/
.nos-part-2-arq{
	flex-direction:column;
	gap:10px;
}
.sect-1-nos{
	flex:1;
}
.sect-1-nos h2 br{
	display:none;
}
	/*============ NOSOTROS- SECTION 4 visin .mision y valores  ============*/

	.mision,
	.vision,
	.valores{
		width:100%;
	}
.mision h2,
.vision h2,
.valores h2{
	font-size:35px;
	font-weight:100;
	text-transform:uppercase;
	color:#8299a9 !important;
	margin-bottom:20px;
}
.mision p,
.vision p,
.valores p{
	
	font-size:15px;
}
	
	
	/*============ NOSOTROS- SECTION 5 ============*/
	
	.ideas-section-nos{

 
		padding:0px 50px;
		
}
	
	.ideas-text-nos p{
 font-size:27px;
}

	
/*============ SERVICIOS- SECTION 3 ============*/
.box-sect-nos{
	flex-direction:column;
	gap:50px;
	margin-bottom:60px;
	
}

	.box-cont-text-serv h2 br{
		display:none;
		visibility:hidden;
	}
.box-cont-text-serv h2{
	font-weight:300;
	font-size:35px;
	margin-bottom:30px;
	text-align:center;
}
.cont-text-right-serv{
	
	width:100%;
	align-items: center;
	margin-left:none;
	text-align:center;
}
.cont-text-right-serv p{
	font-size:15px;
	margin-bottom:40px;
}
	
	

/*============ PROYECTOS- SECTION 1 TITULO ============*/

.cont-tit-1-pro {
	flex-direction:column;
	gap:20px;
	text-align:center;
	align-items:center;
	 


}
.cont-1-pro-tit{
	flex:1;
}
.cont-1-pro-pr{
	flex:1;
}
.cont-1-pro-tit h2{
	
	font-size:42px !important;
	font-weight:300 !important;

	text-align:center;
}
	
.cont-1-pro-pr p{
	text-align:center;
}
/*============ PROYECTOS- SECTION 2 IMG ============*/

.image-wrapper-in3{

	width:100% !important;

}
	
	/*============ PROYECTOS- SECTION 3 ============*/
	.pro-section-3-info h3,
	.pro-section-3-info p,
	.second-text-info-pro-3 p{
		text-align:center;
	}
	.pro-section-3-info h3 br{
		display:none;
		visibility:hidden;
	}
.pro-section-3{
	flex-direction:column;
	align-items: center;
}
.pro-section-3-info-btn{
	display:flex !important;
	justify-content: center;
}	
	
	
/*============ PROYECTOS- SECTION 6 IMAGENES ============*/
.layout-section-5-pro{
flex-direction:column;
	width:100% !important;
	position:static !important;
	margin-left:auto !important;
}
.vertical-5-pro .avia-image-container-inner .avia-image-overlay-wrap img{
	
	width:100% !important;
	
}
	

	
	
	
	
		/*============CONTACTO ===========*/

.cont-red-social{
	justify-content: center;
	gap:60px;
}
.cont-info-so-me {
	width:100%;
}
	.cont-info-so-me{
		display:flex;
		justify-content:center;
		flex-direction:column;
		align-items: center;


	}
	
	/*============ FOOTER CSS============*/
	
	#footer .container .av_one_fourth{
	text-align:center;
	width:100%;
		margin-bottom:0px;
}
.div-footer-img-logo img{
width:50%;
}

	#footer .container{
		flex-wrap:nowrap;
		display:grid;
		 grid-template-columns: 1fr 1fr;
    gap:0px;
}
	#footer .container .flex_column{
		margin:0px 0px 40px !important;
	}
	.widget_block{
		margin:0px !important;
	}
	.widget_pages{
		margin:0px !important;
	}
	#footer .container div:nth-child(1){
		grid-column:1 / 3;
	}
	
	#footer .container div:nth-child(4){
		grid-column:1 / 3;
	}
	.icon-soc-fot {
		justify-content:center;
	}
}


@media (max-width: 480px) {

    .contenido-m {
        top: 50%;
        margin: 10px;
        text-align: center;
    }

    .controles-m {
        bottom: 30px;
        right: 50%;
        transform: translateX(50%);
    }

    .cont-titulo-ban h1 {
        font-size: 35px;
    }

    /* ============INICIO / SECTION 2 ============*/

	
	
    .in-tit-t2 h2 {
        font-weight: 400 !important;
        font-size: 28px;
        margin-bottom: 0px;
    }
	

    .vision-com {
        flex-direction: column;
    }
	
	
.img-title {
	
    font-size: 28px;
font-weight:300 !important;
	text-align:center;
	
}

    /* ============INICIO / SECTION 3 ============*/
    .tit-2-ini-an h2 br {
        display: none !important;
        visibility: hidden;
    }

    .tit-2-ini-an h2 {
        font-size: 28px;
        font-weight: 400 !important;
    }


    .sect-bt-divs2 {
        display: flex;
        align-items: center;
        float: none;
        justify-content: center;
    }

    /* ============INICIO / SECTION 4============ */

    .tit-ps3-ini h2 {
        font-size: 28px;
        font-weight: 400;
		margin-bottom:0px;
    }

	/* CARD */
.card-in3 {
  
    background: #D8D8C6;
   
}
	.card-in3 h3 br{
		display:none;
	}
	.card-in3 h3{
		 font-weight: 400 !important;
	}
	
    /* ============NICIO / SECTION 5 ============*/
    .tit-ps5-ini h2 {
        font-size: 28px;
        font-weight: 400;
        text-align: center;
    }
 
	
	 /* ============INICIO / SECTION 6 ============*/
	
	
.barbers-pro-in h2{
    text-align:center;
    font-size:24px;
    font-weight:400;
    margin-bottom:10px;
	
}

.info-pro-in{
    justify-content: space-around;
    align-items:center;
}

	
	.info-pro-in p{
		text-align:center;
		font-size:15px;
		font-weight:300;
	}
	
	
	
	
	


    /* ============INICIO / SECTION 7 ============*/
    /* TITULO */
    .project-title-ini {
        font-weight: 400 !important;
        font-size: 24px;
		text-align:center;
    }


    /* TABS */
    .tabs-ini {
        gap: 20px;
    }

    .tab-ini {
        font-size: 15px;
        font-weight: 300 !important;
    }
	
	
		
/*============ NOSOTROS- SECTION 2 ============*/

.sect-1-nos h2 {
	font-weight:400;
	font-size:30px;
}
	.process-item-nos div h2{
		font-weight:400;
	}
	
	.text-p-nos-sect2{
		padding-top:10px;
	}
.text-p-nos-sect2 p,
	.sect-1-nos h2{
	text-align:start !important;
	
}
/*============ NOSOTROS- HISTORIA ============*/


.cont-hyst-nos-tit h2{
		font-size:30px;
	

}
/*============ NOSOTROS- SOCIOS ============*/
.cont-soc-tit-nos h2{
	font-size:30px;
}
/*============ NOSOTROS- SECTION 3 ============*/



	.process-item-nos h2 {
		 font-weight:300;
		font-size:25px;
	}
	
	
	
	.process-item-nos div{
	display:flex;
	align-items: flex-start;
	gap:10px;
}
	
	
	
	
.process-item-nos div svg{
	width:20px;
	height:auto;
}
 
	
	.text-box-nos-pro{
  
    gap:10px;

    background:#8f8f6d;
    padding:25px 15px;
    width:90%;
}
.text-box-nos-pro p{
   
    font-size:16px;
 
}

/* SVG */

.icon-nos-pro{
    width:70px;
    height:auto;
}
	
	
	
	
/*============ NOSOTROS- SECTION 4 ============*/
.sub-tit-4-nos h3{
	padding-bottom:0px;
	margin-bottom:0px;
	font-size:22px;
	font-weight:300;
}
	.sub-tit-4-nos{
		padding:40px 0px;
	}
	
	/*============ NOSOTROS- SECTION 4 visin .mision y valores  ============*/

	
.mision h2,
.vision h2,
.valores h2{
	font-size:30px;
	font-weight:400;
color:#4c4c4c !important;
	margin-bottom:20px;
}
	
	
	/*============ NOSOTROS- SECTION 5 ============*/
	
	.ideas-section-nos{

 
		padding:0px 20px;
		
}
	
	.ideas-text-nos p{
 font-size:25px;
		text-align:center;
		font-weight:300 !important;
}
	
  .ideas-container-nos{
	
    grid-template-columns:1fr;
    grid-template-areas:
      "top"
      "text"
      "left"
      "right";
    gap:40px;
  }
.bottom-left-nos img {
    
     margin-top: 0px;
}
	
	
	
/*============ SERVICIOS- SECTION 2 ============*/
	
.serv-tit-1 h3{
	font-weight:300;
	font-size:25px;
	
}
	
	
		
/*============ SERVICIOS- SECTION 3 ============*/



.box-cont-text-serv h2{
	font-weight:400;
	font-size:27px;
	margin-bottom:10px;
	
}

.cont-text-right-serv p{

	margin-bottom:20px;
}

	.cont-text-right-serv ul li{
	
	text-align:left;
}
	
/*============ PROYECTOS- SECTION 1 TITULO ============*/


.cont-1-pro-tit h2{
	letter-spacing:9px !important;
	font-size:33px !important;
	font-weight:400 !important;

	
}
	
		/*============ PROYECTOS- SECTION 3 ============*/
	
	.pro-section-3-info h3{

	font-weight:400;
	font-size:30px;
	
}

/*============ PROYECTOS- SECTION 5 TEXTO ============*/

.text-cont-5-pro-tit h3{

	font-size:25px;
	font-weight:300;
}
	
	
	/*============ PROYECTOS- SECTION 6 IMAGENES ============*/
	
	
	
.layout-section-5-pro{
 position: static;

    margin-left:auto;
}
.layout-grid-5-pro{

  grid-template-columns: 1fr;
  gap:20px;
  align-items:center;
}
/*============FORMULARIO DE CONTACTO ============*/
	
	
	.cont-form h3{
	font-size:25px;

	font-weight:400;
}
	.cont-form fieldset {
	width:100%;
}
	.cont-form fieldset p:last-of-type{
	
	justify-content: center!important;
	float:none !important;
	
}
	.cont-form fieldset input[type="email"]{
    border: none !important;
    border-bottom: 1px solid #4c4c4c !important;
    background: transparent !important;
    outline: none !important;
    width: 100% !important;
    padding: 8px 0 !important;
}
/*============ FOOTER CSS============*/
	.copyright{
	font-size:13px !important;
		text-align:center;
}
/* ============HEADER  ============*/


#top .main_menu .menu li a:hover::after{
display:none;
	visibility:hidden;
}
#top .main_menu .menu li.current-menu-item a::after{
  display:none;
	visibility:hidden;
}

}
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */