/*
		Developed by Diego Herrera (diegoherrera.mx) for X-Design (xdesign.com.mx).	
		February, 2022.
		Mexico City. MEXICO
		
		FONTS WEIGHT
		
		Playfair Display
		  Regular: 400
		
		Work Sans
		  Regular: 400
		  Medium: 500
		  Semi-bold: 600
		
		FONTS SIZES & LINES HEIGHT
		12px 0.75em
		14px 0.875em
		16px 1em BASE PIXEL SIZE
		28px 1.75em
		30px 1.875em
		40px 2.5em
		60px 3.75em
		70px 4.375em
		85px 5.313em
	
		LETTER SPACING: 200 = 5% @ base font size
		XD auto: normal
		XD 100: 0.78em
		XD 200: 0.156em
		XD 300: 0.260em
		*/

body>* {
	outline: dashed 1px silver;
	/* overflow-x: hidden; */
}

.xd_gamsa_menu {
	font-family: 'Work Sans', serif;
	font-size: 0.875em;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 1.0em;
	text-decoration: none;
	text-transform: none;	
	word-spacing: normal;
}

.xd_gamsa_h1 {
	font-family: 'Playfair Display', serif;
	font-size: 5.0em;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 1.0em;
	text-decoration: none;
	text-transform: none;
	word-spacing: normal;
}

.xd_gamsa_h1_px {
	font-family: 'Playfair Display', serif;
	font-size: 85px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 85px;
	text-decoration: none;
	text-transform: none;
	word-spacing: normal;
}

.xd_gamsa_h2 {
	font-family: 'Playfair Display', serif;
	font-size: 3.75em;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 1.175em;
	text-decoration: none;
	text-transform: none;
	word-spacing: normal;
}

.xd_gamsa_h2_smaller {
	font-family: 'Playfair Display', serif;
	font-size: 2.75em;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 1em;
	text-decoration: none;
	text-transform: none;
	word-spacing: normal;
}

.xd_gamsa_h3 {
	font-family: 'Work Sans', serif;
	font-size: 2.75em;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 1.175em;
	text-decoration: none;
	text-transform: none;
	word-spacing: normal;
}

.xd_gamsa_title {
	font-family: 'Work Sans', serif;
	font-size: 1.75em;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 2.2em;
	text-decoration: none;
	text-transform: none;
	word-spacing: normal;
}

.xd_gamsa_subtitle {
	font-family: 'Work Sans', serif;
	font-size: 0.875em;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	letter-spacing: 0.260em;
	line-height: 1.0em;
	text-decoration: none;
	text-transform: uppercase;
	word-spacing: normal;
}

.xd_gamsa_paragraph {
	font-family: 'Work Sans', serif;
	font-size: 0.975em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.25em;
	text-decoration: none;
	text-transform: none;
	word-spacing: normal;
}

.xd_gamsa_button {
	font-family: 'Work Sans', serif;
	font-size: 0.875em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal ;
	letter-spacing: 0.25em;
	line-height: 1.0em;
	text-decoration: none;
	text-transform: uppercase;
	word-spacing: normal;
}

.xd_gamsa_quote {
	font-family: 'Work Sans', serif;
	font-size: 0.875em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	letter-spacing: 0.25em;
	line-height: 1.5em;
	text-decoration: none;
	text-transform: uppercase;
	word-spacing: normal;
}

.xd_gamsa_footer {
	font-family: 'Work Sans', serif;
	font-size: 0.75em;
	font-style: normal;
	font-variant: normal;
	font-weight: 600;
	letter-spacing: 0.156em;
	line-height: 2.2em;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	word-spacing: normal;
}

.xd_gamsa_quotes_02 {
	font-family: 'Work Sans', serif;
	font-size: 1.75em;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 1.5em;
	text-decoration: none;
	text-transform: none;
	word-spacing: normal;
}

.xd_gamsa_slder_title {
	font-family: 'Playfair Display', serif;
	font-size: 2.5em !important;
	font-style: normal !important;
	font-variant: normal !important;
	font-weight: 400 !important;
	letter-spacing: normal !important;
	line-height: normal !important;
	text-decoration: none !important;
	text-transform: none !important;
	word-spacing: normal;
}

.xd_gamsa_home_ingenios {
	position: relative;
	text-align: center;
}

.xd_gamsa_home_ingenios_hover {
	cursor: pointer;
	display: block;
	height: 100%;
	opacity: 0;
	position: absolute;
	top: 0px;
	transition: all ease 1s;
	width: 100%;
}

.xd_gamsa_home_ingenios:hover .xd_gamsa_home_ingenios_hover:hover {
	background: linear-gradient(180deg, rgba(2, 49, 32, 1) 0%, rgba(23, 135, 99, 0.78) 100%);
	background: -moz-linear-gradient(180deg, rgba(2, 49, 32, 1) 0%, rgba(23, 135, 99, 0.78) 100%);
	background: rgb(2, 49, 32);
	background: -webkit-linear-gradient(180deg, rgba(2, 49, 32, 1) 0%, rgba(23, 135, 99, 0.78) 100%);
	opacity: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#023120", endColorstr="#178763", GradientType=1);
}


/* 
	widget: overlay
	developer: aas
*/
.xd_gamsa_overlay_container {
	background-color: transparent;
	height: 660px;
	position: relative;
}

.xd_gamsa_overlay_left {
	height: 660px;
	left: 0%;
	position: absolute;
	top: 0%;
	width: 50%;
	z-index: 5;
}

.xd_gamsa_overlay_right {
	left: 40%;
	position: absolute;
	top: 10%;
	width: 50%;
	z-index: 10;
}

.xd_gamsa_min_height_vp {        
	height: calc(100vh - 70px) !important;
}

.xd_gamsa_position_absolute_bottom {
	bottom: 40px !important;
	left: 20px !important;
	position: absolute !important;
}

.xd_gamsa_columna_background_image {
	background-repeat:  no-repeat !important;
	background-size: cover !important;
}

.xd_gamsa_min_height_vp_mobile {
	height: 300px;   
}    

.xd_gmasa_tab_xd_phases ul {
	list-style-type: disc !important;
	margin-left: 40px !important;
}

.xd_gmasa_tab_xd_phases ul li  {
	font-family: 'Work Sans', serif;
	color: #ffffff !important;
}

.xd_gamsa_error {
	color: #FF8F00 !important;
	font-size: 13px;
	line-height: normal;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
}			
