/* 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 */

html {
	background-color: #ffffff;
	font-family: 'louis-george-cafe', sans-serif;
}

h1 {
	font-size: 60px;
	text-transform: none !important;
}

h2 {
	font-family: 'gang-of-three', sans-serif;
	color: #ea1818 !important;
	font-size: 40px;
}
	.logo img {
		padding: 20px 0px;
	}
	
	.footer_color p, .footer_color li, .grey_footer {
		font-size: 18px !important;
		padding-bottom: 10px;
	}
	
	.footer_color li, .grey_footer {
		color: #545454;
	}
	
	.grey_footer {
		line-height: 1.7;
	}
	
	p, li, .toggler {
		font-size: 20px !important;
	}
	
	/* Menu */
	.avia-menu-text {
		font-size: 18px;
		font-weight: 400;
	}
	
	.menu-item a {
		height: 70px !important;
	}
	
	.avia-menu-fx {
		border: 4px solid red !important;
		border-radius: 2px;
	}
	
	.menu li:last-of-type .avia-menu-text {
		background-color: #ea1818;
		padding: 10px 20px;
		border-radius: 5px;
		color: #ffffff;
	}
	
	#menu-item-32 .avia-menu-text {
		background: #ea1818;
		padding: 10px 40px;
		border-radius: 10px;
		color: #ffffff;
	}
	
	#menu-item-32 .avia-menu-fx {
		display: none;
	}
	
	.av_header_transparency .avia-menu-fx {
		bottom: 5% !important;
	}
	
	.av_header_transparency #menu-item-32 .avia-menu-text {
		background: #ffffff;
		padding: 10px 40px;
		border-radius: 10px;
		color: #ea1818;
	}
	
	/**** CONTACTO ****/
	.avia-icon-list {
		display: flex;
		justify-content: center !important;
	}
	
	.iconlist-timeline {
		display: none;
	}
	
	.subtitulo-pagina p {
		font-size: 30px !important;
		margin-bottom: 0px;
	}
	
	.img-ninja img {
		width: 50%;
	}
	
	.separador-vertical {
		border-left: 2px solid #ffffff;
	}
	
	.icon-rojo-ninja .iconbox_icon {
		margin-right: 10px;
	}
	
	/* Header */
	.header-red-img .avia_textblock p {
		font-size: 30px !important;
		line-height: 1.3;
	}
	
	.page-id-22 .header-red-img {
		background: linear-gradient(to right, #ffffff 0% 25%, #ffffff 25% 50%, #ffffff 50% 75%, #ea1818 75% 100%) !important;
	}
	
	/* Form */
	.form_element label {
		color: #ffffff;
	}
	
	.avia_ajax_form .text_input, .avia_ajax_form .text_area {
		background: transparent !important;
		border: none !important;
		border-bottom: 2px solid #ffffff !important;
	}
	
	.avia_ajax_form .text_area {
		height: 100px;
	}
	
	.avia_ajax_form input.button {
		background: #ea1818 !important;
		padding: 10px 80px;
		border-radius: 10px;
		color: #ffffff;
	}
	
	/* Toggler */
	.av_toggle_section:first-of-type .toggler {
		border-top: 0px !important;
	}
	
	.acordeon-preguntas {
		margin-top: 0px !important;
	}
	
	/**** SERVICIOS ****/
	.beneficios-icon .iconbox_content_title {
		text-transform: none !important;
	}
	
	.beneficios-icon {
		background: #C8C8C8 !important;
		padding: 20px 10px;
	}
	
	.beneficios-icon .iconbox_content_container p {
		font-size: 18px !important;
		line-height: 1.2em;
	}
	
	/***** NOSOTROS *****/
	.lista-trabajos .iconbox_content_title {
		text-transform: none !important;
	}
	
	.lista-trabajos .iconbox_icon {
		margin-right: 10px;
	}
	
	.img-fondo-fit {
		background-size: contain !important;
	}
	
	.testimonios-text {
		padding: 80px 20px 0px 20px;
	}
	
	.avia_textblock.testimonios-text p {
		font-size: 16px !important;
	}
	
	.borde-proceso {
		border-left: 8px solid #ea1818 !important;
		padding-left: 80px !important;
	}
	
	.experiencia-font h2 {
		color: #ffffff !important; 
	}
	
	p.num-font {
		font-family: 'gang-of-three', sans-serif;
		font-size: 40px !important;
	}
	
	.slider-mision .avia-testimonial {
		text-align: center;
	}
	
	.subtitulo-servicios, .subtitulo-servicios, .subtitulo-banner {
		font-family: 'gang-of-three', sans-serif;
	}
	
	.subtitulo-banner p {
		font-size: 30px !important;
		line-height: 1.2em;
	}
	
	.nuestros-servicios-text p {
		font-size: 16px !important;	
	}
	
	.estrella-ninja img {
		margin: 350px 0px 0px -35px !important;
	}
	
	ul.lista-cuatro-icons li {
		color: #ffffff;
		margin-bottom: 30px;
	}
	
	.lista-cuatro-icons {
		column-count: 2;
  		column-gap: 20px;
		list-style-type: none;
		padding: 0;
	}
	
	ul.lista-cuatro-icons li::marker {
		color: #ea1818;
	}
	
	/* */
.caja1, .caja2 {
      flex: 1;
      min-width: 48%;
      margin: 1%;
	margin-bottom: 30px;
      position: relative;
      overflow: hidden;
      color: #fff;
      text-align: center;
    }
	
	.caja2 {
		padding: 50px;
	}

    .caja1::before, .caja2::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
      z-index: -1;
    }

    .caja1::before {
      background-image: url("https://cloudninjahosting.com/wp-content/uploads/2023/12/banderin.png");
		background-size: cover;
		background-repeat: no-repeat;
    }
	
	 .caja2::before {
      background-image: url("https://cloudninjahosting.com/wp-content/uploads/2023/11/rojo.png");
		background-size: contain;
		background-repeat: no-repeat;
    }

    .texto {
      position: relative;
      z-index: 1;
      padding: 20px;
    }
	
	.num-cuatro {
		font-size: 65px !important;
		margin: 40px 0px;
	}
	
	/* Columnas */
	div.av_one_fifth {
		margin-left: 0px;
	}

	.av_one_fifth:nth-of-type(2) {
		margin-left: 150px;
	}

	/* Quinta columna */
	.av_one_fifth:last-of-type {
		width: 100%;
		text-align: center;
	}

	#custom_html-5 {
		margin: 30px 0 0 0 !important;
	}
	
	#custom_html-5 .textwidget {
		margin: 10px 0 0 0 !important;
		display: flex;
    	justify-content: space-evenly;
    	align-items: center;
	}

	#socket {
		display: none;
	}

/*
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 */
	
	/* FOOTER */
	.logo_secundario {
		width: 25%;
	}
	
		#footer {
		padding: 0px;
	}

	.footer_color .container {
		display: flex;
		flex-wrap: wrap;
	}

	.footer_color .container>* {
		flex: 1 1 20.5%;
	}

}

/*
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: 767px) {
  /* Add your Mobile Styles here */
	.logo img {
		width: 60% !important;
	}
	
	h1 {
		font-size: 40px;
	}
	
	p, li {
		font-size: 18px;
	}
	
	/**** NOSOTROS ****/
	ul.lista-cuatro-icons li {
		color: #ea1818;
		margin-bottom: 30px;
	}
	
	.img-ninja img {
		width: 50%;
	}
	
	.slider-mision .avia-testimonial-row .avia-testimonial {
		padding: 0px 20px;
	}
	
	.lista-trabajos .iconbox_content_title {
		text-transform: none !important;
	}
	
	p.num-font {
		font-family: 'gang-of-three', sans-serif;
		font-size: 30px !important;
	}
	
	/***** FOOTER *****/
	.footer_color .flex_column .widget_text {
		margin: 0px;
	}
	
	#custom_html-5 .textwidget {
		display: flex;
		flex-direction: column;
	}
	
	img.logo_secundario {
    width: 60%;
	}
	
	#footer .widget {
		margin: 0px;
	}
	
	/**** CONTACTO ****/
	.header-red-img .avia_textblock p {
		font-size: 20px !important;
	}
	
	.separador-vertical {
		border: none;
   		padding: 0px 20px !important;	
	}
	
	/****/
	.texto {
      padding: 0px !important;
    }
	
	.caja2 {
		padding: 30px !important;
	}
	
	.texto p {
		font-size: 16px !important;
	}
	
	.banner-1 {
		margin-bottom: 80px;
	}
	
	
}
@media only screen and (min-width: 990px) {
.av-mm5of3nf-bc267c7450e131e11a1a838b3ca34a0b, .av-lpj84ozq-36e5b2d0ede299f3ffa1af670671be61, .av-50t9y-a593ad245206f89739cd7810bdea74b9, .av-2mbum-91d59ad67183d7e9534d18a5c3115450, .av-1motq-0279aae98d9dbca651d819c6dca63fbc {
        padding: 130px 40px 50px 40px !important;
    }
}

.planes div{
	padding:20px !important;
	font-size:14px !important;
}

.planes div strong{
color:red !important;
font-size:18px !important;
}