@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,700;1,400&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,		
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
input, textarea, select, button,
header, section, article, footer, aside, figure, figcaption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-decoration:none;
	color:inherit;
	background-color:transparent;
	}
strong {
	font-weight: bold;
	}
:focus {
	outline:0;
	}
body{
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
del {
	text-decoration: none;
}
html {
	height: 100%;
	font-size: 100%;
	overflow-x:hidden;
	overflow-y:scroll;
}
body {
	font-family: 'Cabin', sans-serif;
	font-weight: 400;
	font-size:100%;
	line-height:1;
	color:#333;
	min-height:100%;
	background: #fff;
}
:focus {
	box-shadow: 0 0 1px 0 #009040;
}
@media (min-width: 960px) {
	::-webkit-scrollbar {
	  width: 12px;
	}
	::-webkit-scrollbar-track {
	  background: #00000010;
	  border-radius: 0;
	}
	::-webkit-scrollbar-thumb {
	  background: #00000010; 
	  border-radius: 50px;
	  box-shadow:inset 0 0 0 2px #00000010;
	}
	::-webkit-scrollbar-thumb:hover {
	  background: #00000030; 
	}
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap; /* 1 */
}

@media (max-width: 960px) {
	.mobWrapper {
		position: relative;
		overflow-x: hidden;
		width: 100%;
	}
}

.section {
	padding: 5rem 0;
}
.section:first-child {
	padding-top: 0;
}
.page {
	font-size: 1rem;
	padding: 0 2.5rem;
	max-width: 1240px;
	margin: 0 auto;
	clear:both;
}
.row {
	margin: 0 -1.5rem;
	font-size: 0;
	clear: both;
}
.row.rtl {
	direction: rtl;
}
.row + .row {
	margin-top: 4rem;
}
.page:after,
.row:after {
	content:'';
	display:table;
	width:100%;
	clear:both;
}
.col,
.gap {
	font-size: 1rem;
	box-sizing: border-box;
	padding: 0 1.5rem;
	min-height: 1px;
	text-align: left;
	direction: ltr!important;
}
.col > *:last-child {
	margin-bottom: 0!important;
}
@media (min-width: 960px) {
	.col,
	.gap {
		display: inline-block;
		vertical-align: top;
	}
	.col1 {width: 16.666%;}
	.col2 {width: 33.333%;}
	.col3 {width: 50%;}
	.col4 {width: 66.666%;}
	.col5 {width: 83.333%;}
	.col6 {width: 100%;}
}
@media (min-width: 960px) {
	.col {
		display: inline-block;
		vertical-align: top;
	}
	.col1 {width: 8.333%;}
	.col2 {width: 16.666%;}
	.col3 {width: 25%;}
	.col4 {width: 33.333%;}
	.col5 {width: 41.666%;}
	.col6 {width: 50%;}
	.col7 {width: 58.333%;}
	.col8 {width: 66.666%;}
	.col9 {width: 75%;}
	.col10 {width: 83.333%;}
	.col11 {width: 91.666%;}
	.col12 {width: 100%;}
}
@media (max-width: 959px) {
	.col + .col,
	.gap + .col {
		margin-top: 2rem;
	}
}

a i {
	line-height: inherit!important;
}
svg {
	width: auto;
	height: auto;
}
svg,
img {
	max-width: 100%;
}

.bt {
	display: inline-block;
	line-height: 3rem;
	padding: 0 1.5rem;
	font-size: 1rem;
	font-weight: 600;
	background: #009040;
	color: #fff;
	border-radius: 2rem;
	cursor: pointer;
	transition: all 150ms cubic-bezier(.7,0,.3,1);
}
.bt.btG {
	background: none;
	color: #009040;
	box-shadow: inset 0 0 0 1px #009040;
}
.btText {
	color: #005c29;
	font-size: .875em;
	text-transform: uppercase;
	letter-spacing: .025em;
	font-weight: bold;
	padding-bottom: .25rem;
	border-bottom: solid .125rem #009040;
	display: inline-block;
}
.bt + .bt,
.btText + .btText {
	margin-left: 1em;
}
.bt i,
.btText i {
	color: #009040;
	font-size: .875em;
	margin-left: .75em;
}
.card {
	padding: 3rem;
}
h4 + .form {
	margin-top: 1.5rem;
}
.form .field {
	margin-bottom: 1.5rem;
}
.form .field label {
	font-size: .75rem;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: .5rem;
	color: #888;
	display: block;
}
.form .field input,
.form .field select,
.form .field textarea {
	padding: .5rem;
	width: 100%;
	box-sizing: border-box;
	border-bottom: solid 1px #009040;
}
.field div,
.status {
	margin: 0 0 .75rem;
	font-size: .875rem;
	padding: .875rem 1rem;
	border-radius: .125rem;
	background: #00904022;
}

.header {
	background: #fff;
	padding: 1rem 0;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 100;
}
.branding {
	height: 5rem;
	display: inline-block;
}
.branding img {
	height: 100%;
}
.header nav {
	float: right;
	margin-top: 1.25rem;
}
.bt_menu {
	display: none;
}
.header nav > ul > li {
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.header nav ul li a {
	font-size: .875rem;
	display: block;
	line-height: 2.5rem;
}
.header nav > ul > li + li {
	margin-left: 1.75rem;
}
.header nav > ul > li ul {
	position: absolute;
	background: #fff;
	padding: .5rem 1rem;
	position: absolute;
	left: -1rem;
	top: 100%;
	white-space: nowrap;
	min-width: 100%;
	opacity: 0;
	visibility: hidden;
}
.header nav > ul > li:hover ul {
	opacity: 1;
	visibility: visible;
}
.header nav li:last-child .bt {
	margin-left: -1.25rem;
}



.featured {
	height: 100vh;
	padding: 7rem 0 0;
	box-sizing: border-box;
	margin-bottom: -3rem;
}
.sliderWrapper {
	position: relative;
	width: 100%;
	height: 100%;
}
.slider {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}
.slide {
	width: 100%;
	height: 100%;
	float: left;
	background-position: center center;
	background-size: cover;
}
.slide_institucional {
	background-image: url(../images/featured.jpg);
}
.slide_institucional:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 50%;
	height: 100%;
	z-index: 5;
	background: -moz-linear-gradient(left,  rgba(0,144,64,1) 0%, rgba(0,144,64,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,144,64,1) 0%,rgba(0,144,64,0) 100%);
	background: linear-gradient(to right,  rgba(0,144,64,1) 0%,rgba(0,144,64,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009040', endColorstr='#00009040',GradientType=1 );
}
.featured .page {
	height: 100%;
	position: relative;
	z-index: 10;
}
.featured .page .content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 20;
	max-width: 25em;
}
.featured .page .content h1 {
	font-size: 5rem;
	color: #fff;
	margin-bottom: 1rem;
}
.featured .page .content p {
	font-size: 1.5rem;
	line-height: 1.6em;
	color: #fff;
}
.slide_gaucha1 {
	background-image: url(../images/slide-gaucha1-d.png);
}
.slide_gaucha2 {
	background-image: url(../images/slide-gaucha2-d.png);
}
@media (max-width: 960px) {
.slide_gaucha1 {
	background-image: url(../images/slide-gaucha1-m.png);
}
.slide_gaucha2 {
	background-image: url(../images/slide-gaucha2-m.png);
}	
}
.sliderNav {
	position: absolute;
	z-index: 99;
	left: 50%;
	bottom: 4rem;
	transform: translateX(-50%);
}
.sliderNav a {
	display: inline-block;
	font-size: 0;
	width: .75rem;
	height: .75rem;
	border-radius: 1rem;
	background: #fff;
	margin: 0 .25rem;
	opacity: .5;
}
.sliderNav a.activeSlide {
	opacity: 1;
}

.main {
	position: relative;
	z-index: 30;
}
.main h2 {
	font-size: 3rem;
	color: #009040;
	margin-bottom: 2rem;
}
.main h2 strong,
.main h3 strong {
	color: #005c29;
}
.main p, 
.main ul {
	line-height: 1.4em;
	margin-bottom: 1.4em;
}
.main p + p {
	margin-top: -1em;
}
.main ul li:before {
	font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  content: '\f00c' ;
  color: #009040;
  font-size: .75em;
  margin-right: .5em;
}
.main h2 + p {
	font-size: 1.4rem;
}
.main h3 {
	font-size: 2rem;
	font-weight: bold;
	color: #009040;
	margin-bottom: .5rem;
}
.main a + h3,
.main p + h3,
.main ul + h3 {
	margin-top: 3rem;
}
.main h4 {
	font-size: 1.375rem;
	font-weight: bold;
	margin-bottom: .5rem;
	color: #666;
}
.main p a,
.main ul a {
	text-decoration: underline;
	color: #aaa;
	text-decoration-color: #009040;
}

.main.static #historia p {
	line-height: 1.6em;
	margin-bottom: 2.4em;
}

.bt_accordion {
	cursor: pointer;
	margin-bottom: .5rem!important;
}
.bt_accordion span {
	color: #009040;
	font-size: .875em;
	text-transform: uppercase;
	letter-spacing: .025em;
	display: inline-block;
	display: block;
	font-weight: bold;
}
.bt_accordion span i {
	color: #005c29;
	font-size: .875em;
}
.bt_accordion + * {
	display: none;
}


.mainHeader {
	text-align: center;
	padding: 7rem 0 3rem;
	margin-bottom: -3rem;
	position: relative;
	background: rgb(0,144,64);
	background: -moz-linear-gradient(left,  rgba(0,144,64,1) 0%, rgba(0,92,41,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,144,64,1) 0%,rgba(0,92,41,1) 100%);
	background: linear-gradient(to right,  rgba(0,144,64,1) 0%,rgba(0,92,41,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009040', endColorstr='#005c29',GradientType=1 );

}
.mainHeader h2 {
	font-size: 3.25rem;
	color: #fff;
	line-height: 25vh;
}

.gallery {
	font-size: 0;
	margin: 0 -1rem;
}
.gallery span {
	display: inline-block;
	vertical-align: top;
	padding: 0 1rem;
	box-sizing: border-box;
}
.gallery span img {
	border-radius: 2px 1rem 1rem 1rem;
  box-shadow: 0 1rem 2rem -0.5rem rgb(0 0 0 / 20%);
}
#historia .gallery span {
	width: 25%;
}

#servicios .page,
.main.static .section:first-child .page {
	padding-top: 5rem;
	background: #fff;
	border-radius: 3px 3rem 0 0;
}

.main.static .col3 p {
	font-size: 1.25rem;
}

#gaucha {
	padding: 4.5rem 0 3.5rem;
	background: #005c29 url(../images/gaucha-bg.png);
	background-size: 3rem auto;
}
#gaucha img {
	float: right;
	margin: -6rem 0;
}
#gaucha h2 {
	color: #ffffffaa;
	font-size: 4rem;
	margin-bottom: .5rem;
}
#gaucha h2 strong {
	color: #ffffff;
}
#gaucha h2 + p {
	font-size: 1.75rem;
}
#gaucha p {
	font-size: 1.25rem;
	color: #ffffffaa;
	max-width: 55%;
	margin-bottom: 1rem;
}
#gaucha .bt {
	background: #fff;
	color: #478563;
	margin-top: 1rem;
	margin-left: 1rem;
}

#servicios .col:nth-child(n+4) {
	margin-top: 3rem;
}
#servicios .col img {
	width: 6rem;
	margin-bottom: 1rem;
}

#filiales {
	background: #eee url(../images/filiales-bg.jpg);
	background-position: center center;
	background-size: cover;
}
#filiales h2 {
	margin-bottom: .375rem;
}
#filiales h2 +  p {
	margin-bottom: 2rem;
}
#filiales img {
	border-radius: 2px 1rem 1rem 1rem;
	margin-bottom: 2rem;
	box-shadow: 0 1rem 2rem -.5rem rgba(0,0,0,.2);
}
#filiales h3 {
	color: #005c29;
	text-transform: uppercase;
}
#filiales h3 span {
	text-transform: none;
	color: #888;
	font-weight: normal;
	display: block;
	margin-bottom: .25rem;
	font-size: .625em;
}
#filiales p {
	margin-bottom: 1.5rem;
}
#filiales p strong {
	display: block;
	color: #999;
	text-transform: uppercase;
}

#directorio .col {
	text-align: center;
}
#directorio .row + .row {
	margin-top: 0;
}
#directorio h3 {
	margin-bottom: 2rem!important;
}
#directorio h3 span {
	display: block;
	color: #ccc;
	font-size: .875rem;
	margin-top: .375rem;
}
#directorio p {
	margin-bottom: 2rem!important;
	padding-bottom: 2rem;
	border-bottom: solid 1px #eee;
}
#directorio p strong {
	font-variant: small-caps;
	font-size: 1.125em;
}

#staff .col {
	text-align: center;

}
#staff p a {
	font-size: .75rem;
	text-transform: uppercase;
	margin-left: .5rem;
}
#staff p a i {
	color: #009040;
}

#sustentabilidad .card {
	background: #009040;
	color: #fff;
	border-radius: 1.5rem;
}
#sustentabilidad .card h3 {
	color: inherit;
}
#sustentabilidad .card .bt {
	background: #fff;
	color: #005c29;
}
@media (min-width: 960px) {
	#sustentabilidad .card {
		padding-right: 17rem;
		position: relative;
	}
	#sustentabilidad .card p {
		margin-bottom: 0;
	}
	#sustentabilidad .card .bt {
		position: absolute;
		right: 4rem;
		top: 50%;
		transform: translateY(-50%);
	}
}

.bt_whatsapp {
	position: fixed;
	right: 2rem;
	bottom: 2rem;
	z-index: 999;
	width: 3.5rem;
	height: 3.5rem;
	line-height: 3.5rem;
	text-align: center;
	border-radius: 5rem;
	background: #009040;
	color: #fff;
	font-size: 1.25rem;
	border-radius: solid 3px #fff;
	box-shadow: 0 .25rem 1rem 0 rgba(0,0,0,.2);
}
.bt_whatsapp:hover {
	background: #005c29;
}
.central {
	background: #eee;
	color: #aaa;
	padding: 3rem 0;
}
.central p {
	font-size: .875rem;
	line-height: 1.2em;
	margin-bottom: 1rem;
}
.central p a {
	text-decoration: underline;
	text-decoration-color: #ccc;
}
.central p a + a:before {
	content: ' | ';
	color: #ccc;
}

.footer {
	border-top: solid 1rem #009040;
	background: #005c29;
	background-image: url("data:image/svg+xml,%3Csvg width='640' height='529' viewBox='0 0 640 529' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.73446 0.076416H9.62375C59.7403 52.7636 93.9869 121.384 134.161 184.035C129.02 194.212 122.497 203.007 117.887 213.736C86.4025 152.763 55.725 92.4489 17.2719 37.446C8.98641 25.5702 -6.77724 10.4226 6.73446 0.076416Z' fill='%23009040'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M270.213 0.076416H273.081C286.784 10.1677 270.765 25.1028 263.521 35.534C223.432 93.1712 186.997 162.068 157.169 224.273C185.255 277.279 214.913 328.755 237.644 387.136C196.408 401.157 164.605 424.612 136.094 451.338C117.059 428.181 137.496 406.872 152.368 392.893C162.969 382.929 175.822 375.685 183.98 368.929C172.805 333.493 155.958 295.401 139.918 261.643C108.88 325.207 79.3281 401.54 60.399 478.17C56.5961 493.551 53.3669 516.41 44.1042 524.143C29.7214 536.147 3.93024 518.322 0.998459 504.025C-3.29299 483.035 7.32941 468.843 13.4479 453.25C26.8959 419.045 41.2361 386.286 55.5976 354.567C75.5465 310.548 93.8595 274.156 118.843 230.03C152.878 169.822 186.912 112.058 227.107 56.6089C238.6 40.739 257.296 10.9538 270.213 0.076416Z' fill='%23009040'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M138.006 79.5958C172.571 75.0069 173.336 152.933 139.918 152.402C134.14 152.317 126.938 147.77 123.623 143.798C108.306 125.336 114.637 82.6975 138.006 79.5958Z' fill='%23009040'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M320.01 312.609C320.01 312.609 240.959 445.58 223.75 502.771C223.75 502.771 216.442 524.228 240.024 528.839C240.024 528.839 265.008 531.069 273.378 512.629C281.77 494.21 289.014 443.031 338.706 347.578C338.706 347.578 386.974 434.15 404.352 510.823C404.352 510.823 407.56 529.264 429.549 528.924C451.558 528.562 456.891 514.01 459.015 504.428C461.14 494.847 488.992 407.361 522.006 347.217C522.006 347.217 572.038 434.512 587.483 511.163C587.483 511.163 591.328 527.118 623.28 528.159C623.28 528.159 640.127 529.2 640 511.779C639.894 494.358 586.059 374.176 520.413 281.91C520.413 281.91 460.417 370.628 430.611 440.545C430.611 440.545 374.015 297.185 255.851 179.531C255.851 179.531 245.781 167.847 238.367 174.581C230.973 181.295 239.556 191.067 241.341 193.957C243.104 196.825 313.892 295.061 320.01 312.609Z' fill='%23009040'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M527.339 273.221L547.033 303.027C547.033 303.027 591.222 235.426 619.414 196.039C619.414 196.039 631.672 184.311 623.153 173.668C623.153 173.668 616.716 166.338 603.077 182.782C589.416 199.204 532.586 261.834 527.339 273.221Z' fill='%23009040'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M513.36 236.744C517.927 255.545 511.554 273.242 499.104 276.259C486.634 279.318 472.825 266.529 468.236 247.748C463.668 228.947 470.041 211.25 482.491 208.212C494.94 205.174 508.771 217.942 513.36 236.744Z' fill='%23009040'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M345.908 236.744C341.319 255.545 347.714 273.242 360.163 276.259C372.613 279.318 386.443 266.529 391.011 247.748C395.6 228.947 389.226 211.25 376.777 208.212C364.306 205.174 350.497 217.942 345.908 236.744Z' fill='%23009040'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: auto 120%;
	background-position: 110% 50%;
	color: #fff;
	padding: 5rem 0;
}
.footer img {
	margin-bottom: 2rem;
}
.footer p {
	font-size: .75rem;
	margin-bottom: 1.5rem;
	max-width: 60em;
	line-height: 1.4em;
}
.footer p + p {
	color: #000;
}

@media (max-width: 960px) {
	html {
		font-size: 87.5%;
	}
	.header ul.menu {
		position: absolute;
		left: 0;
		top: 100%;
		right: 0;
		padding: 1.5rem 2rem;
		background: #fff;
		text-align: center;
		opacity: 0;
		visibility: hidden;
		transition: all 150ms cubic-bezier(.7,0,.3,1);
	}
	.header ul.menu li,
	.header ul.menu li a {
		display: block;
		margin: 0 0 .75rem!important;
	}
	.header ul.menu.visible {
		opacity: 1;
		visibility: visible;
	}
	.header nav > ul > li:hover ul {
		z-index: 99;
		background: #fff;
		box-shadow: 0 .5rem -.25rem 0 rgba(0,0,0,.2);
	}
	.bt_menu {
		display: block;
		margin-top: .75rem;
	}
	.bt_menu span {
		display: none;
	}
	.featured:after {
		transform: rotate(90deg);
		transform-origin: 50% 50%;
		width: 100vw;
		height: 100vw;
	}
	.featured .page .content {
		position: static;
		transform: none;
		padding-top: 3rem;
	}
	.featured .page .content h1 {
		font-size: 3rem;
		margin-bottom: 1rem;
	}
	.featured .page .content p {
		font-size: 1rem;
	}
	#historia .page,
	.main.static .section:first-child .page {
		padding: 2.5rem;
	}
	.main h2 {
		font-size: 2.5rem;
	}
	#gaucha img {
		margin-bottom: 0;
	}
	.mainHeader h2 {
		font-size: 2.25rem;
		line-height: 1.1em;
		padding: 3rem 0;
	}
}

#modalWrapper {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9100;
	background: #009040dd;
	opacity: 0;
	visibility: hidden;
	transition: all 150ms cubic-bezier(.7,0,.3,1);
}
#modalWrapper.visible {
	opacity: 1;
	visibility: visible;
}
#modalWrapper > .bt_modalClose {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
}
.modal {
	background: #fff;
	box-sizing: border-box;
	width: 90%;
	max-width: 40rem;
	padding: 4rem;
	border-radius: .5rem;
	box-sizing: border-box;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50% , -50%);
	text-align: center;
	z-index: 9999;
}
.modal h3 {
	font-size: 2.5rem;
	margin-bottom: .75rem;
	color: #009040;
}
.modal p {
	line-height: 1.4em;
	margin-bottom: 1rem;
}
.modal .field {
	width: 100%;
	max-width: 20rem;
	margin: 0 auto 2rem;
}
.modal > .bt_modalClose {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 3rem;
	width: 3rem;
	text-align: center;
	color: #ccc;
	font-size: .75rem;
	z-index: 99;
}
.modalFooter {
	text-align: right;
	padding: 2rem 2.25rem;
	position: relative;
	border-radius: 0 0 .25rem .25rem;
	border-top: solid 1px #00000010;
}