/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/

@import url('https://fonts.googleapis.com/css2?family=Asap:wght@400;500;600;700&display=swap');

*{	
	--white: #fff;
	--azul: #1BA7CF;
	--negro: #26211C;
	--gris: #E3E3E3;
	--grisclaro: #AAAAAA;
}

html, body{
	font-size: 10px !important;
	font-weight: 400;
	color: var(--negro) !important;
	scroll-behavior: smooth;
	font-family: 'Asap', sans-serif;
}
@media (max-width: 1920px){
  html, body:not(.tp-caption){
    font-size: 10px !important;
  }
}

@media (max-width: 1680px){
  html, body:not(.tp-caption){
    font-size: 7.7px !important;
  }
}

@media (max-width: 1368px){
  html, body:not(.tp-caption){
    font-size: 7px !important;
  }
}

@media (max-width: 1280px){
  html, body:not(.tp-caption){
    font-size: 6.7px !important;
  }
}
@media (max-width: 1080px){
  html, body:not(.tp-caption){
    font-size: 5.5px !important;
  }
}
@media (max-width: 800px){
  html, body:not(.tp-caption){
    font-size: 6px !important;
  }
}

a{
	text-decoration: none !important;
}
.white{
	color: var(--white);
}
.bgwhite{
	background-color: var(--white);
}
.azul{
	color: var(--azul);
}
.bgazul{
	background-color: var(--azul);
}
.negro{
	color: var(--negro);
}
.bgnegro{
	background-color: var(--negro);
}

.gris{
	color: var(--gris);
}

.bggris{
	background-color: var(--gris);
}

.boton{
	font-size: 1.8rem;
	padding: 1.9rem 2.9rem;
	text-align: center;
	font-weight: 700;
}

.titulo_1{
	font-size: 6rem;
	font-weight: 700;
	line-height: 6.5rem;
}
.titulo_2{
	font-size: 4.8rem;
	font-weight: 700;
	line-height: 6.1rem;
}
.titulo_3{
	font-size: 4.0rem;
	font-weight: 700;
	line-height: 4.8rem;
}
.subtitulo_1{
	font-size: 3.6rem;
	font-weight: 700;
	line-height: 4.6rem;
}

.subtitulo_2{
	font-size: 4.8rem;
	font-weight: 700;
	line-height: 5.5rem;
}

.menu, .normal{
	font-size: 2.4rem;
	line-height: 3.0rem;
	font-weight: 400;
}
.footer_titulo{
	font-size: 3.0rem;
	font-weight: 700;
	line-height: 3.8rem;
}
.footer_descripcion{
	font-size: 2.1rem;
	line-height: 2.8rem;
	font-weight: 400;
}

.font_regular{
	font-size: 2.4rem;
	line-height: 3.6rem;
	font-weight: 400;
}
.font_small_1{
	font-size: 2.1rem;
	font-weight: 400;
	line-height: 2.8rem;
}
.font_small_2{
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 2.2rem;
}

.menu_lateral{
	font-size: 2.0rem;
	font-weight: 700;
	line-height: 2.5rem;
}

.lh_4_8{
	line-height: 4.8rem;
}
.lh_3_0{
	line-height: 3.0rem;
}
.lh_2_8{
	line-height: 2.8rem;
}

.bold{
	font-weight: 700;
}

/************************/
.desk{
	display: block;
}
.tablet{
	display: none;
}
.movil{
	display: none;
}

/******  HEADER  *******/


#Header_wrapper, #Intro{
	background-color: var(--white);
	height: 19.3rem !important;
}

body:not(.template-slider) #Header{
	height: 19.3rem;
	min-height: 19.3rem !important;
}

.header-fixed.admin-bar #Top_bar{
	top: 0 !important;
	/* max-width: 1920px; */
	/* left: 12.5%; */
}
 
#Top_bar .menu > li > a span:not(.description){
	border-right-width: 0 !important;
	font-size: 2.4rem;
	/* line-height: 6rem; */
	font-weight: 400;
}


.menuo-right #Top_bar .menu_wrapper{
	margin: auto 0 auto auto;
	position: relative;
	top: 0.5rem;
}

#Top_bar .container{
	max-width: 86%;
	top: 0;
}

.header-fixed #Top_bar .menu > li > a{
	padding: 0;
}

#Top_bar .top_bar_left{
	width: 100% !important;
	display: flex;
}

#Top_bar .column{
	width: 100%;
	margin: 0;
}

.header-fixed #Top_bar .logo{
	margin-left: 4rem;
}

#Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo{
	width: 13.4rem;
	height: 13.6rem;
	padding: 2.8rem 0;
	display: flex;
}

#Top_bar .menu{
	display: flex;
}

#Top_bar .menu li{
	margin: auto;
}

#menu-item-31 span{
	display: flex !important;
	width: 5.3rem;
	height: 5.3rem;
}

#Top_bar #logo img{
	margin: auto;
	width: 100%;
	height: 100%;
	max-height: 100% !important;
}

.menu_facebook{
	width: 5.3rem;
	top: 0.5rem;
	position: relative;
}

/************** BANNERS ***********/

.TitBanner .boton{
	font-size: 1vw !important;
	width: 37%;
	font-weight: 700;
	float: left;
	margin-top: 2rem;
}

.TitBanner.BannersTablet .boton{
	font-size: 2.2vw !important;
	width: 51%;
	margin-left: 0 !important;
}

.TitBanner .boton.boton1{
	border: 1px solid var(--negro);
}

.TitBanner .boton.boton2{
	border: 1px solid white;
	margin-left: 2rem;
}

.TitBanner a:hover{
	text-decoration: none;
}

.TitBanner .boton.boton1:hover{
	background-color: white;
	color: var(--negro);
}
.TitBanner .boton.boton2:hover{
	background-color: white;
	color: var(--transparent);
}

/********* CONTENT *************/
.section_wrapper, .container{
	width: 100%;
	max-width: 100%;
}

/*********** BOTOM ************/

#Footer{
	background-color: #1F1F1F;
}
#Footer .widgets_wrapper{
	padding: 7rem 0;
}

.bottom{
	width: 75%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.bottom_info{
	width: 60%;
	display: block;
	float: left;
}
.bottom .col1{
	width: 25%;
	float: left;
	display: flex;
	height: 36rem;
	margin-left: 3%;
}
.bottom .col1 img{
	width: 73%;
	margin: auto;
}
.bottom .col2{
	/* width: 33.33%; */
	/* float: left; */
	/* margin-left: 5%; */
}	
.bottom .col3{
	/* width: 33.33%; */
	/* float: left; */
}

.bottom .col2 p:nth-child(3), .bottom .col3 p:nth-child(3){
	margin: 3rem 0;
}

#Footer a:not(.tel){
	color: var(--azul);
	text-decoration: underline !important;	
}
#Footer a:hover{
	color: var(--azul);
}

.footer_facebook{
	margin-top: 4rem;
}
.footer_facebook img{
	width: 3.7rem;
}

@media (max-width: 2880px){
	.bottom .col2{
		/* width: 25%; */
		/* margin-left: 17%; */
	}
	.bottom .col3{
		/* width: 25%; */
	}
	.bottom_info{
		margin-left: 10%;
	}
	.bottom_info_wrap{
		
	}
	.bottom_info_wrap{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}	
}

@media (max-width: 1920px){
	.bottom .col2{
		/* width: 30%; */
		/* float: left; */
		/* margin-left: 12%; */
	}	
	.bottom .col3{
		/* width: 25%; */
		/* float: left; */
		margin-left: 3%;
	}
	.bottom_info{
		margin-left: 12%;
	}
}

@media (max-width: 800px){
	.bottom{
		width: 100%;
	}
	.bottom .col1{
		width: 100%;
		margin-bottom: 8rem;
	}
	.bottom .col1 img{
		width: 28%;
	}
	.bottom_info{
		margin: 0 auto;
	}
}

@media (max-width: 767px){
	#Top_bar a.responsive-menu-toggle{
		top: 50%;
		right: 50px;
	}

	#Footer .container{
		padding: 0 !important;
		width: 85%;
		margin: 0 auto !important;
		max-width: 90% !important;
	}

	.bottom .col1{
		margin-left: 0;
	}

	.bottom_info{
		width: 100% !important;
		float: none;
	}
	.bottom_info_wrap{
		width: 100%;
	}
}

@media (max-width: 680px){
	.desk, .movil{
		display: none;
	}
	.tablet{
		display: block;
	}
}

@media (max-width: 670px){
	.bottom_info{
		width: 80%;
		/* margin: 0; */
	}
}

@media (max-width: 580px){
	.bottom .col1 img{
		width: 37%;
	}
}

@media (max-width: 480px){
	.desk, .tablet{
		display: none;
	}
	.movil{
		display: block;
	}
	.bottom_info_wrap{
		justify-content: flex-start;
	}
	.bottom .col3{
		margin: 0;
	}	
}

@media (max-width: 380px){
	.bottom .col1 img{
		width: 48%;
	}
}