@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Muli:wght@300;400;500;600;700&display=swap');
*{
	font-family: 'Muli', sans-serif;
}
.title{
	font-family: 'Fjalla One', sans-serif;
	font-size: 26px;
	line-height: initial;
	letter-spacing: 1px;
	
}
.title  span {
	font-size: 35px;
	font-family: 'Fjalla One', sans-serif;
	display: block;
}

.title.red{
	color: #da0009;
}
.title.red > span{
	color: #000;
}

.title.white{
	color: #fff;
}
.title.white > span{
	color: #da0009;
}


.title.black{
	color: #000000;
}
.title.black > span{
	color: #da0009;
}

.subtitle{
	font-family: 'Fjalla One', sans-serif;
	font-size: 25px;
	
}

.subtitle-2{
	font-family: 'Fjalla One', sans-serif !important;
	font-size: 20px !important;
	color: #da0009;
	display: block;
	padding-bottom: 16px;
}
.parraph{
	font-family: 'Muli', sans-serif;
	font-size: 16px;
}

.boton
  {
	background: white !important;
	background-color: white;
	padding: 8px 32px !important;
	width: 100% !important;
	font-size: 25px !important;
	border-radius: 8px !important;
	font-weight: bold !important;
	font-family: "Fjalla One" !important;
	cursor: pointer !important;
	outline: none !important;
	display: inline-block;
	margin: 0;
    border: solid 2px lightgrey !important;
	color: black !important;
  }

.boton.red{
  background-color: #da0009 !important;
  color: white !important;
  border: solid 2px #da0009 !important;
}

.boton:hover{
  background-color: white !important;
  border: solid 2px lightgrey!important;
  color: black !important;
}

.boton.red:hover{
  background: white !important;
  border: solid 2px lightgrey !important;
  color: black !important;
}

.table-slider{
	width: 100%;
	background: #fff;
}
.table-slider tr{
	border: 1px solid #ccc;
	
}

.table-slider tr td{
	padding: 25px 0;
}

/*Arrows Sliders*/
.et-pb-controllers {
	bottom: 4px;
}

.et-pb-controllers .et-pb-active-control{
	opacity: 1 !important;
}
.et-pb-controllers a {
	width: 16px;
	height: 16px;
	opacity: .5 !important;
	background-color: #242424 !important;
	
}

/*Slider familia-vesubio*/
.et_pb_slider .et_pb_slide_0_tb_body {
    padding: 0 !important;
}
.et_pb_slider_0_tb_body .et_pb_slide_description, .et_pb_slider_fullwidth_off.et_pb_slider_0_tb_body .et_pb_slide_description {
	padding-top: 0px;
}
#slider-family-vesubio .subtitle{
	font-size: 26px;
}
#slider-family-vesubio .parraph 
{
	font-size: 20px;
}
#slider-family-vesubio p{
	margin: 0 20px;
}
#slider-family-vesubio .subtitle, 
#slider-family-vesubio .parraph {
	color: #000 !important;
	padding-bottom: 16px;
	text-shadow: unset;
}

.collapse-box-active{
	height: auto !important;
	background-color: black !important;
}

.collapse-box-active .collapse-title{
	color: white !important;
}

#slider-para-quien-es {
	overflow: visible !important;
}
#slider-para-quien-es .et-pb-controllers {
    bottom: 15px !important;
}

#slider-para-quien-es .et-pb-controllers a{
    background-color: white !important;
}

#parrilla-vs-vesuvio .et-pb-controllers a{
    background-color: red !important;
}


#confianza .et-pb-controllers a{
    background-color: red !important;
}

/*Consumo*/
.et_pb_slider .et_pb_slide_3_tb_body .et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_3_tb_body .et_pb_slide_description {
	padding-top: 0px !important;}

.et_contact_bottom_container{
	display: block;
	float: none;
	text-align: center;
}

#financiamiento .et_pb_slide {
	padding:0 !important;
}

#financiamiento .et_pb_slide img{
	width: 25% !important;
}

#financiamiento .et_pb_slides .et_pb_slider_container_inner{
	vertical-align: top !important;
}

#financiamiento .et-pb-controllers {
    bottom: -60px !important;
}

#financiamiento .et-pb-controllers a{
    background-color: red !important;
}

#financiamiento .et_pb_slides .et_pb_container{
	height: auto !important;
}

#paraquien .titulo-1:hover ~ #imagen-1{
	filter: saturate(101%) brightness(100%) !important;
	backface-visibility: hidden;
    z-index: 7;
    transform: scaleX(1.15) scaleY(1.15)!important;
}

#paraquien .titulo-2:hover ~ #imagen-2{
	filter: saturate(101%) brightness(100%) !important;
	backface-visibility: hidden;
    z-index: 7;
    transform: scaleX(1.15) scaleY(1.15)!important;
}

#paraquien .titulo-3:hover ~ #imagen-3{
	filter: saturate(101%) brightness(100%) !important;
	backface-visibility: hidden;
    z-index: 7;
    transform: scaleX(1.15) scaleY(1.15)!important;
}


#paraquien .et_pb_text_23_tb_body h1{
	cursor: pointer;
}

#paraquien .et_pb_text_24_tb_body h1{
	cursor: pointer;
}

#paraquien .et_pb_text_25_tb_body h1{
	cursor: pointer;
}

#paraquien .et_pb_column{
	margin-right:0 !important;
}

#paraquien .et_pb_column_1_3{
	width: 33.3% !important;
}

#paraquien .et_pb_column_18_tb_body:hover{
	z-index: 100;
}

#paraquien .et_pb_column_19_tb_body:hover{
	z-index: 100;
}

#paraquien .et_pb_column_20_tb_body:hover{
	z-index: 100;
}

#financiamiento-slider{
	position: relative;
	bottom: -5px;
}

@media screen and (max-width: 1400px) { 
	.consumo-texto-izquierda{
		left:-70px !important;
	}
	.consumo-texto-derecha{
		right: -70px !important;
	}
	.consumo-imagen-izquierda{
		left: 220px !important;
	}
	.consumo-imagen-derecha{
		right: 240px !important;
	}
}