/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
html{
	width: 100%;
	overflow-x: hidden;

}

/*FONT FACES MANAGEMENT*/

@font-face {
	font-family: 'EBGaramond';
	src: url('./../fonts/EBGaramond-Regular.ttf') format('embedded-opentype'), /* Internet Explorer */
	url('./../fonts/EBGaramond-Regular.ttf') format('woff2'), /* Super Modern Browsers */
	url('./../fonts/EBGaramond-Regular.ttf') format('woff'), /* Pretty Modern Browsers */
	url('./../fonts/EBGaramond-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('./../fonts/EBGaramond-Regular.ttf') format('svg'); /* Legacy iOS */
	font-weight: 400;
   	font-style: normal;
}

@font-face {
	font-family: 'EBGaramond';
	src: url('./../fonts/EBGaramond-Medium.ttf') format('embedded-opentype'), /* Internet Explorer */
	url('./../fonts/EBGaramond-Medium.ttf') format('woff2'), /* Super Modern Browsers */
	url('./../fonts/EBGaramond-Medium.ttf') format('woff'), /* Pretty Modern Browsers */
	url('./../fonts/EBGaramond-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('./../fonts/EBGaramond-Medium.ttf') format('svg'); /* Legacy iOS */
	font-weight: 500;
   	font-style: normal;
}

@font-face {
	font-family: 'EBGaramond';
	src: url('./../fonts/EBGaramond-Bold.ttf') format('embedded-opentype'), /* Internet Explorer */
	url('./../fonts/EBGaramond-Bold.ttf') format('woff2'), /* Super Modern Browsers */
	url('./../fonts/EBGaramond-Bold.ttf') format('woff'), /* Pretty Modern Browsers */
	url('./../fonts/EBGaramond-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('./../fonts/EBGaramond-Bold.ttf') format('svg'); /* Legacy iOS */
	font-weight: 700;
   	font-style: bold;
}


@font-face {
	font-family: 'RobotoMono';
	src: url('./../fonts/RobotoMono-Regular.ttf') format('embedded-opentype'), /* Internet Explorer */
	url('./../fonts/RobotoMono-Regular.ttf') format('woff2'), /* Super Modern Browsers */
	url('./../fonts/RobotoMono-Regular.ttf') format('woff'), /* Pretty Modern Browsers */
	url('./../fonts/RobotoMono-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('./../fonts/RobotoMono-Regular.ttf') format('svg'); /* Legacy iOS */
	font-weight: 400;
   	font-style: normal;
}

@font-face {
	font-family: 'RobotoMono';
	src: url('./../fonts/RobotoMono-Medium.ttf') format('embedded-opentype'), /* Internet Explorer */
	url('./../fonts/RobotoMono-Medium.ttf') format('woff2'), /* Super Modern Browsers */
	url('./../fonts/RobotoMono-Medium.ttf') format('woff'), /* Pretty Modern Browsers */
	url('./../fonts/RobotoMono-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('./../fonts/RobotoMono-Medium.ttf') format('svg'); /* Legacy iOS */
	font-weight: 500;
   	font-style: normal;
}

@font-face {
	font-family: 'RobotoMono';
	src: url('./../fonts/RobotoMono-SemiBold.ttf') format('embedded-opentype'), /* Internet Explorer */
	url('./../fonts/RobotoMono-SemiBold.ttf') format('woff2'), /* Super Modern Browsers */
	url('./../fonts/RobotoMono-SemiBold.ttf') format('woff'), /* Pretty Modern Browsers */
	url('./../fonts/RobotoMono-SemiBold.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('./../fonts/RobotoMono-SemiBold.ttf') format('svg'); /* Legacy iOS */
	font-weight: 600;
   	font-style: normal;
}

@font-face {
	font-family: 'RobotoMono';
	src: url('./../fonts/RobotoMono-Bold.ttf') format('embedded-opentype'), /* Internet Explorer */
	url('./../fonts/RobotoMono-Bold.ttf') format('woff2'), /* Super Modern Browsers */
	url('./../fonts/RobotoMono-Bold.ttf') format('woff'), /* Pretty Modern Browsers */
	url('./../fonts/RobotoMono-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('./../fonts/RobotoMono-Bold.ttf') format('svg'); /* Legacy iOS */
	font-weight: 700;
   	font-style: bold;
}

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

.colored-toast.swal2-icon-success {
background-color: #a5dc86 !important;
}

.colored-toast.swal2-icon-error {
background-color: #f27474 !important;
}

.colored-toast.swal2-icon-warning {
background-color: #f8bb86 !important;
}

.colored-toast.swal2-icon-info {
background-color: #3fc3ee !important;
}

.colored-toast.swal2-icon-question {
background-color: #87adbd !important;
}

.colored-toast .swal2-title {
color: white;
}

.colored-toast .swal2-close {
color: white;
}

.colored-toast .swal2-html-container {
color: white;
}
.swal2-popup {
  font-size: 1rem !important;
  font-family: 'Poppins', sans-serif !important;
}  

.brand-bg{
	padding: 0;
	background-image: url(../images/secciones/branding/Branding.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #23908a;
	transition: all 0.8s linear;
  	display: block;

}

.btn_recht{
	display: flex;
	justify-content: flex-end;
}

.btn_derech{
	margin-right: 60px;
}

.btn_links{
	display: flex;
	justify-content: flex-start;
}

.btn_izq{
	margin-left: 60px;
}

@media (min-width:992px){
	.title_izq{
		text-align: left !important;
		margin-left: 60px !important;
	}
	.title_der{
		text-align: right !important;
		margin-right: 60px !important;
	}

}

.web-bg{
	padding: 0;
	background-image: url(../images/secciones/diseno_web/Website967.png);
	background-position: center;
	background-size: cover;
}

.soz-bg{
	padding: 0;
	background-image: url(../images/secciones/social_media/socialmedia967.jpg);
	background-position: center;
	background-size: cover;
}

.mail-bg{
	padding: 0;
	background-image: url(../images/secciones/email_marketing/Email.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #57bab5;


}

.seo-bg{
	padding: 0;
	background-image: url(../images/secciones/seo_sem/SEOSEM.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #296e6a;

}

/* Imagenes Landing */


/*  Estandar 1920x1080 y superiores   
#branding_bg{
	background-image: url(../images/secciones/branding/Branding1920.webp) !important;

}

#diseno_bg{
	background-image: url(../images/secciones/diseno_web/Website1920.webp) !important;


}

#social_bg{
	background-image: url(../images/secciones/social_media/Socialmedia1920.jpg) !important;


}

#email_bg{
	background-image: url(../images/secciones/email_marketing/EmailMarketing1920.webp) !important;


}

#seosem_bg{
	background-image: url(../images/secciones/seo_sem/SEOSEM1920.webp) !important;

}

#lk_contacto{
	background-image: url(../images/secciones/contact/footer-1920-px-x-726px.jpg) !important;

}



@media (max-width:414px){
	
	#branding_bg{
		background-image: url(../images/secciones/branding/Branding360.webp) !important;
	
	}
	
	#diseno_bg{
		background-image: url(../images/secciones/diseno_web/Website360.webp) !important;
	
	
	}
	
	#social_bg{
		background-image: url(../images/secciones/social_media/Socialmedia360.jpg) !important;
	
	
	}
	
	#email_bg{
		background-image: url(../images/secciones/email_marketing/EmailMarketing360.webp) !important;
	
	
	}
	
	#seosem_bg{
		background-image: url(../images/secciones/seo_sem/SEOSEM360.webp) !important;
	
	}
	
	#lk_contacto{
		background-image: url(../images/secciones/contact/footer-360-px-x-1359px.jpg) !important;
	
	}
}



@media (max-width:1366px) and (min-width:415px) {
	
	#branding_bg{
		background-image: url(../images/secciones/branding/Branding1366.webp) !important;
	
	}
	
	#diseno_bg{
		background-image: url(../images/secciones/diseno_web/Website1366.webp) !important;
	
	
	}
	
	#social_bg{
		background-image: url(../images/secciones/social_media/Socialmedia1366.jpg) !important;
	
	
	}
	
	#email_bg{
		background-image: url(../images/secciones/email_marketing/EmailMarketing1366.webp) !important;
	
	
	}
	
	#seosem_bg{
		background-image: url(../images/secciones/seo_sem/SEOSEM1366.webp) !important;
	
	}
	
	#lk_contacto{
		background-image: url(../images/secciones/contact/footer-1366-px-x-726px.jpg) !important;
	
	}
}

*/

@media (max-width:991px){
	.btitle{
		margin: 6vh 0 2vh 0 !important;
		text-align: center !important;
		padding-left: 15px;
	}
	.float{
		right: 5px !important;
		bottom: 5vh !important;
	}


}
.buttondiv {
	width: 100%;
	position: absolute;
	left: 50%;
	bottom: 40px;
	transform: translate(-50%, 10%);
}

.pakketcontent{
	padding: 0 0 5rem;
}

/* Animations responsive */

/* (A) CONTENT BOX */
#collapse, #collapse2, #collapse3, #collapse4, #collapse5 {
	/* (A1) BACKGROUND IMAGE */
   background-color: #296e6a;
	/* (A2) DIMENSIONS */
	width: 100%;
	height:auto; /* FIXED SIZE REQUIRED */
   
	/* (A3) CSS TRANSITION */
	transition-timing-function: ease-in-out;
	transition: all 2s;
  }
  
  #otherdiv, #otherdiv2, #otherdiv3, #otherdiv4, #otherdiv5 {
	/* (A1) BACKGROUND IMAGE */
	background-color: #23908a;
	/* (A2) DIMENSIONS */
	width: 100%;
	height:auto; /* FIXED SIZE REQUIRED */
	/* (A3) CSS TRANSITION */
	transition-timing-function: ease-in-out;
	transition: all 2s;
  }
  
  /* (B) HIDE */
  #collapse.hide, #collapse2.hide, #collapse3.hide, #collapse4.hide, #collapse5.hide {
	height: 0;
	opacity: 0;
	overflow: hidden;
  }
  
  #otherdiv.hide, #otherdiv2.hide, #otherdiv3.hide, #otherdiv4.hide, #otherdiv5.hide {
	height: 0 !important;
	opacity: 0;
	overflow: hidden;
  }


  #equipo{
	background-color: #fff !important;
  }

  .dissapear{
	  display: none;
  }

  #pmail_4c{
	  font-style: italic;
	  color: darkgray;
	  font-size: 14px;
  }

  .to_s1{
	margin-bottom: 0px;
	font-size: 2rem;
	font-weight: 500;
	text-align: center;
  }

  @media (min-width:1401px) and (max-width:1618px){
		.to_s1{
			font-size:1.7rem ;

		}

  }

  .stitles{
	text-align: center;
	margin-left: 15px;
	margin-top: 100px;
	font-weight: 500;
	color: #000;
}
@media (min-width:992px) and (max-width:1249px){
	.t_larg{
		font-size: 1.1rem !important;
	}

}
@media (min-width:1250px) and (max-width:1620px){
	.t_larg{
		font-size: 1.5rem !important;
	}

}


.teamtitle{
	text-align: center;
	font-size: 60px;
	margin-bottom: 60px;
	color: #296e6a;


}
  @media (max-width:479px){
	.stitles{
		font-size:3.8rem ;
		text-align: center;
		margin-left: 15px;
		margin-top: 50px;
		font-weight: 500;
		color: #000;
	}
	.prr_servicios_izq{
		margin: 0 30px;
		font-size: 1.3rem;
	}
	.prr_servicios_der{
		margin: 0 30px;
		font-size: 1.3rem;
	}
	
	.btn_servicio_azul{
		padding: 15px 25px !important;
		font-size: 18px !important;
		margin: 25px auto;

	}
	.btn_scroll{
		text-align: center !important;
	}
	.btn_projekt{
		margin-left: 10px;
	}

	.btn_volver {
		margin-left: 10px;
	  }

	.btn_offer{
		margin-left: 30px;
	}

	#btnSeo{
		margin-left: 30px;
	}
	.teamtitle{
		text-align: center;
		font-size: 3.5rem;
		margin-bottom: 60px;
		color: #296e6a;
	}
	.nombre_equipo{
		font-size:1.7rem !important;
		margin-bottom: 0px;
	}
	.cargo_equipo {
		font-size: 0.9rem; 
		margin-bottom: 10px;
	}
	.tto_s1 h4 {
		font-size: 3rem !important;
		padding: 0 10px;
	  }
	.to_soz{
		font-size: 1.5rem;

	}

}

  .do_s1{
	font-size: 20px; 
	font-weight: 200; 
	color: #000; 
	text-align: left !important; 
	padding: 0px 25px;

  }

  .lo_s1{

	font-size: 20px; 
	font-weight: 600; 
	color: #000; 
	text-align: left !important; 
	padding: 0px 25px;
  }

  .to_s2{
	margin-bottom: 0px;
	font-size: 2rem;
	font-weight: 500;
	text-align: center;
  }

  .do_s2{
	font-size: 20px; 
	font-weight: 200; 
	color: #eeeeec; 
	text-align: left !important; 
	padding: 0px 25px;
  }

  .lo_s2{
	font-size: 20px; 
	font-weight: 600; 
	color: #eeeeec; 
	text-align: left !important; 
	padding: 0px 25px;
  }

  .tto_s1{
	position: relative;
	padding-top: 100px;
  }

  .tto_s1 h4{
	margin-top: -5px;
	margin-bottom: 5px; 
	font-size: 5rem; 
	font-weight: 500; 
	text-align: center; 
	color: #000;
	letter-spacing: 10px;
  }

  @media (min-width:480px) and (max-width:991px){
	.tto_s1 h4{
		font-size: 4rem !important;
	}

  }

  .tto_s2{
	position: relative; 
	padding-left: 25px; 
	padding-top: 30px;

}

.footer-logo{
	max-width: 100%;
	width: 544px;
	height: auto;
}


.st_row{
	margin: 0 40px;
}
@media (max-width:991px){
	.st_row{
		margin:0 !important
	}
}
 
@media (min-width:480px) and (max-width:700px){
	.nombre_equipo{
		font-size:2.3rem !important
	}
}