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

/* General Custom CSS */

@font-face {
  	font-family: "Rethink Sans";
  	src: url('../fonts/RethinkSans-SemiBold.ttf') format('truetype'); 
	font-weight:600;
}
@font-face {
  	font-family: "Rethink Sans";
  	src: url('../fonts/RethinkSans-Medium.ttf') format('truetype'); 
	font-weight:500;
}
@font-face {
  	font-family: "Rethink Sans";
  	src: url('../fonts/RethinkSans-Regular.ttf') format('truetype'); 
	font-weight:400;
}
body{
  font-family: "Rethink Sans" !important;
  
}
h1, h2, h3, h4, h5, .avia-animated-number-title, .avia-animated-number-content p, .copyright{
	font-weight:600 !important;
	text-transform:none !important;
}
p, li, .avia-button.avia-size-large, .avia_iconbox_title, .av-main-nav > li > a, .avia_ajax_form .button {
	font-weight:400;
	font-size:14px !important;
}
p, .avia_iconbox_title{
	text-align:justify;
}
h1, .avia-animated-number-title{
	font-size:60px;
	padding-bottom:20px;
}
h1{
	padding-top:50px;
}
h2{
	font-size:42px;
	padding-bottom:20px;
}
h3, .avia-animated-number-content p{
	font-size: 30px !important;
	line-height: 31px;
}

h4, h5, .tab{
	font-size:24px;
}
h1, h3{
	color:#ffff;
}
h5, .color-titulo {
	color:#48CD03 !important;
}
h6{
	font-weight:500 !important;
}

/*Botones*/
.avia-button-wrap, input[type="submit"]{
	margin-top:20px !important;
}
.avia-button.avia-size-large, .avia_ajax_form .button {  
    min-width: 170px;
    border-radius: 10px;
	padding: 15px 30px 13px;
}
	
/*Inicio*/
.arrow{
	position: absolute;
	left:40%;
    z-index: 1;
    padding: 60px;
    background-color: #ffff;
    border-radius: 140px;
}
.arrow .avia-image-container-inner .avia-image-overlay-wrap img{
    background-color: #ffff;
    border-radius: 50px;
	box-shadow: 0px 0px 0px 30px #A5C3E0 !important;
	width:90px !important;
}

.card-productos {
  	width: 100%;
  	border: 1px solid #1C69B3 !important;
  	border-radius: 10px;
  	padding: 20px;
  	display: flex;
  	align-items: center; 
 	justify-content: space-between;
    min-height: 260px;
}

.bloque-card-productos {
  width: 30%;
}

.card-productos img {
  width: 40%;
}

.bloque-card-productos h6 {
  margin: 16px 0px;
}
.inicio-bloque{
   	display:inline-block;
	width:100%;
}

.bloque-card-productos h6{
  margin:16px 0px;
}

.card-1, .card-3, .card-2, .card-4{
   	min-height: 130px;
    border: 1px solid #1C69B3 !important;
    border-radius: 10px;
    padding: 10px 30px;
    margin: 5px 0px;

}
.card-1 img , .card-3 img , .card-2 img, .card-4 img {
    margin-right: 20px;

}
.card-1, .card-3{
	width:49%;
	float:left;
	display:flex;
	align-items: center;
}

.card-2, .card-4{
	width:49%;
	float:right;
	display:flex;
	align-items: center;
}

.bloque-card-productos h6{
  margin:16px 0px;

}

/*Nosotros*/
.nosotros-bloque, .nosotros-card{
	display: flex !important;
   	justify-content: space-between;
}
.nosotros-bloque{
    align-items: flex-start;
    width: 45% !important;	
}
.nosotros-card {
	align-items: center;
   	width:100% !important;
	background-color:#ffff;
	border-radius: 10px;
	padding:50px 30px 50px 0px;
	margin-top: 25px !important;
}

.nosotros-card .avia-image-container, .nosotros-bloque .avia-image-container {
 	width:100% !important;
	padding:0px 20px;
}

.img-valores .avia-image-container-inner{
	border-radius:50px;
	box-shadow: 0px 0px 0px 30px #DBF5CD;
}
.img-valores{
	margin-right: 20px !important;
}
.avia-animated-number{
   	display:inline-block !important;
   	width:40%;
	margin-top:20px;
}

.avia-animated-number-content p{
	text-align:center !important;
	margin-top:30px;
	color:#1C69B3 !important;
}

/*Productos*/
.productos, .productos-container{
    border: 1px solid #1C69B3 !important;
  	border-radius: 10px;
	padding:20px;
	min-height: 370px;
}
.bloque-productos{
    display:flex;
	margin:20px 0px;
}
.bloque-productos h6 {
    margin: 0px 5px;
    background-color: #D2E1F0;
    padding: 5px;
    border-radius: 4px;
}
.productos h2{
	margin: 0px 5px 0px 5px;
}
.productos-container div h2 {
	margin: 20px 5px 10px 5px;
}
.productos-container{
   	display:flex;
   	margin:10px;
	justify-content: space-between;
}

/*Proyectos y servicios*/
.tab_content, .tab_titles, .tab, .active_tab  {
    background-color: #ffff !important;
}
.tab_titles{
   	border-bottom:2px solid #1C69B3 !important;
	display: flex;
}
.tab{
	font-size: 22px !important;
    line-height: 34px;
	text-align:center !important;
	color:#8DB4D9 !important;
}

.active_tab{
  	color: #1C69B3 !important;
	border-bottom:4px solid #1C69B3 !important;
}
.js_active .tab_content {
    padding: 0 !important;
}
.js_active .active_tab_content {
    overflow: visible !important;
}
.js_active .top_tab .tab {
    padding: 12px 50px 15px 16px;
    margin-bottom: 5px;
}
.proyectos-container, .proyectos-bloque{
	display:inline-block;
    width:100%;
	margin-top: 50px;
}
.proyectos-bloque{
	margin-left: 20px;
}
.proyectos-bloque h2{
	float:left;
	width:10%;
}

.proyectos-bloque img{
    float: right;
    width: 73%;
    position: relative;
    right: -20px;

}
.proyectos-container img{
	width:50%;
	float:left;
}
.proyectos-container div{
	width: 45%;
	float:right;
	padding:50px 0px;
}

.lista-iconos li {
  	padding-left: 20px; 
 	list-style-image: url('/wp-content/uploads/2024/04/style.png'); 
	margin:25px;
	color: #516578;
}

.custom-list  li {
  	padding-left: 20px; 
 	list-style-image: url('/wp-content/uploads/2024/04/style.png'); 
	margin:10px 20px 10px 40px;
	color: #516578;
}
.proyectos-card {
	background-color:#ffff;
    border: unset;
    border-radius: 20px;
	display:flex;
	padding:50px 60px 50px 0px;
}
.proyectos-card-container{
	position: absolute;
    z-index: 1;
	left: 0;
    bottom: 6%;
}

/*Contacto*/
.contacto-section .container{
	max-width:1920px !important;
}
.contacto-section .container .content, .contacto-section .container{
	padding:0 !important;
}
.contacto-img-container, .contacto-section .container{
	margin:0 !important;
}
.contacto-iconos {
    margin-top:20px;
    display:inline-block;
    width:80%;
   	vertical-align: middle;
 }
.contacto-iconos img {
  	width:10%;
	float:left;
}
.contacto-iconos p{
   	color: #ffff;
  	width:85%;
	float:right;
}

/*Formulario*/
input::placeholder {
    color:#1C69B3 !important;
}

#top form {
    background-color: #ffff;
	border-radius: 10px;
}

input[type="text"]{
	background-color: #ffff !important;
	border:none;
	border-bottom: 2px solid  #1C69B3 !important;
	color:#1C69B3 !important;
}
#top fieldset {
	padding:30px;
}
.form_element label{
	 color:#1C69B3 !important;
}
input[type="submit"]{
	float:right !important;
	margin-top:20px !important;
}

/*Menu*/
.avia-menu-fx {
    height: 5px !important;
}
.avia-menu-text{
	font-weight:500 !important;
}
.logo a img{
	padding-top:20px;
}
.av-main-nav > li > a {
    padding: 0 18px;
}

/*Footer*/
.footer-img img{	
	margin-right:20px;
}
.footer-contacto, .footer-img{
	display:flex;
	align-items: center;
}
.footer-img {
	margin:40px 0px;
}
.footer-contacto{
	justify-content: flex-end;
}

.footer-contacto img{
	margin-right:30px;
}

.footer-copyright, .footer-contacto p{
	text-align:right !important;
}

#footer {
	padding: 50px 0 0 0;
}

#footer .container > *:first-child {
	width: 35%;
}

#footer .container > *:nth-child(2) {
	width: 20%;	
}
#footer .container > *:nth-child(3) {
	width: 31%;	
}

.footer-contacto p{
	margin:0;
}
.textwidget{
	margin:10px 0px;
}


.woocommerce-Tabs-panel h2,.reviews_tab{
	display:none;
	visibility:hidden;
}

.tabs li{
	border: 1px solid #aaa;
	margin-right:10px;
}



#top div div.product .woocommerce-tabs .panel {
    padding: 0px;
}

.isotope-item{
	margin:10px;
	width:31% !important;
}

@media (min-width: 900px) and (max-width: 1200px) {


	.inicio-bloque h4{
		font-size:18px;
	}
	
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}

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

@media only screen and (max-width: 860px) {
  /* Add your Mobile Styles here */
	
	h1, .avia-animated-number-title{
		font-size:34px;
	}
	h2{
		font-size:28px;
	}
	h3{
		font-size: 24px !important;
	}
	
	h4, h5, .tab, .avia-animated-number-content p{
		font-size:20px;
	}
	h2, h3, h4, h5, .footer-copyright, #footer, .textwidget p, .productos{
   		text-align:center !important;
	}
	.footer-contacto p {
		text-align:right !important;
	}
	/*Menu*/
	.logo a img{
		padding-top:10px;
	}
	
	/*Footer*/
	#footer .widget {
    	margin: 10px 0 10px 0 !important;
	}
	.footer-contacto, .footer-img, .bloque-productos{
		display:flex;
		align-items: center;
 		justify-content: center;
	}
	#footer .container > *:nth-child(2) {
		display:none;
	}
	#footer .container > *:nth-child(3) {
    	width: 55%;
	}
	.footer-img {
   	 	margin: 30px 0px 0px 0px;
	}
	/*Inicio*/
	.arrow {
    	top: 55px;
		left: 30%;
	}
	.card-1, .card-3, .card-2, .card-4{
		width:100%;
		justify-content: space-between;
	}
	.card-1 img , .card-3 img , .card-2 img, .card-4 img {
    	margin: 20px;
		padding:20px;
	}	
	
	/*Nosotros*/
	.nosotros-bloque, .avia-animated-number {
    	width: 100% !important;
	}
	.avia-animated-number {
        margin: 20px 0px;
    }

	.nosotros-card, .nosotros-card .avia-image-container{
		padding: 40px !important;
	}
	
	/*Proyectos y servicios*/
	
	.proyectos-card-container{
		position: relative;
    	left: 0;
    	bottom: 0;
	}
	.proyectos-bloque h2 {
    	width: 100%;
    	margin-bottom: 50px;
	}	
	.proyectos-bloque img, .proyectos-container img , .proyectos-container div {
       	width: 100%;
        right: 0;
	}
	.proyectos-container div {
    	padding: 50px 0px 0px 0px;
	}
	.tab_titles {
		border-bottom: 0;
	}
    /*Productos*/
	.productos-container, .card-1, .card-3, .card-2, .card-4, .nosotros-card, .proyectos-card, .tab_titles {
    	flex-direction: column;
	}
	.productos h2{
		margin: 0px 5px;
	}
	/*Contacto*/
	.contacto-iconos p {
    	width: 70%;
	}
	.contacto-iconos img {
  		width:15%;
	}
	.contacto-iconos, .contacto-section .container, .contacto-img .avia-image-container-inner,  .contacto-img .avia-image-container-inner .avia-image-overlay-wrap img{
    	width: 100% !important;
	}
	
}