@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
img .img-responsive {
	width: 100%!important;
}
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		8;
	dw-num-cols-tablet:		12;
	dw-num-cols-desktop:	24;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.3rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

h1, .h1 {
  font-size: 2.5rem!important;
}

h2, .h2 {
  font-size: 2rem!important;
}

h3, .h3 {
  font-size: 1.75rem!important;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

.gridContainer {
	width: 100%;
	clear: none;
	float: none;
}
.menu-container {
	width:100%;
	height:70px;
	margin-top: 0px;
	position: fixed;
	z-index: 100;
	transition: all 0.5s ease-in-out;
}
.addcolor {
	background-color: rgba(255,255,255,0.80);
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
	transition: all 0.5s ease-in-out;
	
}
.home {
	width: 100%;
	margin: 50% 0 0 0;
	padding: 0 0 10% 0;
}
.slider-mobil {
	width: 80%;
	margin-left: 10%;
	margin-top: -25%;
}
.slider-pc {
	display: none;
}
.background {
	background-color: #F5F0ED;
}
.info-home-back {
	width: 100%;
	background-image: url(../Imagenes/plant-back.png);
	background-position: left center;
	background-size: 160%;
	background-repeat: no-repeat;
}
.box-home-info {
	width:61.89%;
	margin: 10% 0 15% 25.67%;
	text-align: center;
}
.title-home {
	width:100%;
}
.liner-title {
	width: 36.89%;
	border-bottom: solid 1px #DBC9BD;
	padding-top: 1%;
	margin: 2% 0 3% 31.555%;
}
.mask-container{
	width: 70%;
	margin: -5% 15%;
	clear: both;
}
.G1 {
	width:100%;
}
.G2 {
	width:100%;
	margin: 5% 0;
	clear: both;
}
.G3 {
	width:100%;
	clear: both;
}

.producto {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  /* cursor: default;
      background: #fff url(../images/bgimg.jpg) no-repeat center center*/
}

.producto .mask, .producto .content {
  width: 85%;
  height: 85%;
  position: absolute;
  overflow: hidden;
  top: 7.5%;
  left: 7.5%;
  -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
    
    display: -webkit-flex; /* Safari */
    display: flex;
    
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.producto img {
  display: block;
  position: relative;
}

.producto h3 {
  color: #9B8879;
  
  text-align: center;
  position: relative;
}
.producto h2 {
  color: #9B8879;
  
  text-align: center;
  position: relative;
}
.producto p {
  position: relative;
  padding: 10px 20px 20px;
  text-align: center;
}

.producto a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  box-shadow: 0 0 1px #000;
}

.producto a.info:hover {
  box-shadow: 0 0 10px #000;
}

/* clases para el primer producto  */


.prod-first .mask {
  opacity: 0;
  background-color: rgba(245,240,237,0.75);
  /* background-color: rgba(219,127,8, 0.7); */
}

.prod-first h2 {
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.prod-first p {
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}



.prod-first a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.prod-first:hover .mask {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  transition: all 0.5s ease-in-out;
}

.prod-first:hover h2,
.prod-first:hover p,
.prod-first:hover a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.prod-first:hover p {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.prod-first:hover a.info {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.home-cont-1 {
	width:100%;
	background-color: #C7B9AC;
	color: #FFF;
	text-align: center;
    
    display: -webkit-flex; /* Safari */
    display: flex;
	flex-wrap: wrap;
    
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.img-box-h{
	width: 100%;
}
.cont-centred {
	width: 100%;
	margin: 10% 0 15%;
}
.liner-box-h {
	width: 23.1%;
	border-top: solid 1px #FFF;
	padding-bottom: 1%;
	margin: 0% 0 4% 38.3%;
}
.home-cont-1 a {
	color: #FFF;
}
.txt-lined-box-h {
	line-height: 2rem;
}
.btn-box-h{
	width:22.78%;
	margin-left: 38.61%;
	margin-top: 5%;
	border: #FFF solid 2px;
}
.btn-box-h:hover{
	border: #FFF solid 2px;
	background-color: #FFF;
	color: #C7B9AC;
}
.home-cont-2 {
	width:100%;
	background-color: #F5F0ED;
	color: #C7B9AC;
	text-align: center;
    
    display: -webkit-flex; /* Safari */
    display: flex;
	flex-wrap: wrap;
    
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.cont-centred1{
	width: 100%;
	margin: 15% 0 15%;
}
.home-cont-2 a {
	color: #C7B9AC;
}
.txt-lined-box-h1 {
	line-height: 1.5rem;
}
.btn-box-h1{
	width:22.78%;
	margin-left: 38.61%;
	margin-top: 5%;
	border: #C7B9AC solid 2px;
}
.btn-box-h1:hover{
	border: #C7B9AC solid 2px;
	background-color: #C7B9AC;
	color: #FFF;
}
.img-box-h1{
	width: 100%;
}
.footer {
	width: 100%;
	padding: 2% 0;
	text-align: center;
	font-size: .8rem;
	background-color: #FFF;
}

/* inicia estilo nosotros */

.head {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  /* cursor: default;
      background: #fff url(../images/bgimg.jpg) no-repeat center center*/
}

.head .masking, .head .content {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0%;
  left: 0%;
  -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
    
    display: -webkit-flex; /* Safari */
    display: flex;
    
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.head img {
  display: block;
  position: relative;
}

/* clases para el primer producto  */
.title-first .masking {
  opacity: 1;
  background-color: rgba(245,240,237,0.36);
  /* background-color: rgba(219,127,8, 0.7); */
}
.info-nosotros {
	width: 100%;
}
.box-nosotros {
	width: 65.97%;
	margin-top: 10%;
	margin-right: 0;
	margin-left: 16.98%;
	margin-bottom: 15%;
	text-align: center;
}
.title-nosotros {
	width:100%;
}
.liner-nosotros {
	width: 23.49%;
	border-bottom: solid 1px #DBC9BD;
	padding-top: 1%;
	margin: 2% 0 4% 38.25%;
}
.mision{
	width:82.89%;
	margin-left: 8.555%;
	margin-top:15%;
	border: solid 0.5rem #FFF;
}
.mision-img{
	width: 80%;
	margin-left: 10%;
	margin-top: -25%;
	clear: both;
}
.mision-txt{
	width: 80%;
	margin: 6% 10%;
	text-align: center;
	clear: both;
}
.vision{
	width:82.89%;
	margin-left: 8.555%;
	margin-top:25%;
	border: solid 0.5rem #FFF;
}
.vision-img{
	width: 80%;
	margin-left: 10%;
	margin-top: -25%;
	clear: both;
}
.vision-txt{
	width: 80%;
	margin: 6% 10%;
	text-align: center;
	clear: both;
}
.title-experiencias{
	width: 74.7%;
	margin: 10% 12.65% 0%;
	text-align: center;
	
}
.liner-experiencias {
	width: 23.41%;
	border-bottom: solid 1px #DBC9BD;
	padding-top: 0%;
	margin: 1% 0 7% 38.21%;
}
.experiencias {
	width: 90%;
	margin: 5%;
	text-align: center;
}
.opcion {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-align: center;
border-radius: 50%;

  /* cursor: default;
      background: #fff url(../images/bgimg.jpg) no-repeat center center*/
}

.opcion .masked, .opcion .content {
  width: 85%;
  height: 85%;
  position: absolute;
  overflow: hidden;
  top: 7.5%;
  left: 7.5%;
  -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
    
    display: -webkit-flex; /* Safari */
    display: flex;
    
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.opcion img {
  display: block;
  position: relative;
	width: 100%;
}

.opcion h3 {
  color: #9B8879;
  
  text-align: center;
  position: relative;
}

.opcion p {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 14px;
  position: relative;
  color: #fff;
  padding: 10px 20px 20px;
  text-align: center;
}

.opcion a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  box-shadow: 0 0 1px #000;
}

.opcion a.info:hover {
  box-shadow: 0 0 10px #000;
}

/* clases para el primer producto  */


.opcion-first .masked {
  opacity: 0;
  background-color: rgba(245,240,237,0.75);
border-radius: 50%;
	
  /* background-color: rgba(219,127,8, 0.7); */
}

.opcion-first h2 {
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.opcion-first p {
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}



.opcion-first a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.opcion-first:hover .masked {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.nav-link .active .opcion-first.masked {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.opcion-first:hover h2,
.opcion-first:hover p,
.opcion-first:hover a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.opcion-first:hover p {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.opcion-first:hover a.info {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.img-nosotros{
	width: 100%;
}
.img-nosotros-pc{
	width: 100%;
	margin-top: -6%;
	display:none;
}
.event-container{
	width: 100%!important;
	margin-top: -10%;
	text-align: center;
	clear:both;
}
.E1{
	width:100%!important;
	clear:both;
}
.E2{
	width:0%!important;
	clear:both;
}
h1,h2,h3,h4{
		padding: 0px;
		margin: 0px;
	}

.caption-style-4{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		width:100%!important;
		text-align: center;
		
}

.caption-style-4 li{
		float: left;
		padding: 0px;
		position: relative;
		overflow: hidden;
		width:100%;
		
}

.caption-style-4 li:hover .caption{
		opacity: 1;
}

.caption-style-4 li:hover img{
		opacity: 1;
		transform: scale(1.15,1.15);
		-webkit-transform:scale(1.15,1.15);
		-moz-transform:scale(1.15,1.15);
		-ms-transform:scale(1.15,1.15);
		-o-transform:scale(1.15,1.15);
}


.caption-style-4 img{
		margin: 0px;
		padding: 0px;
		float: left;
		z-index: 0;
}


.caption-style-4 .caption{
		cursor: pointer;
		position: absolute;
		opacity: 0;
		-webkit-transition:all 0.45s ease-in-out;
		-moz-transition:all 0.45s ease-in-out;
		-o-transition:all 0.45s ease-in-out;
		-ms-transition:all 0.45s ease-in-out;
		transition:all 0.45s ease-in-out;
		
		width:100%;
		height: 100%;
		
		text-align: center;
	-webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
    
    display: -webkit-flex; /* Safari */
    display: flex;
    
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
	
		
}

	.caption-style-4 img{
		-webkit-transition:all 0.25s ease-in-out;
		-moz-transition:all 0.25s ease-in-out;
		-o-transition:all 0.25s ease-in-out;
		-ms-transition:all 0.25s ease-in-out;
		transition:all 0.25s ease-in-out;
	}
	.caption-style-4 .blur{
		background-color: rgba(245,240,237,0.90);
		height: 90%;
		width: 90%;
		z-index: 5;
		position: absolute;
	}

	.caption-style-4 .caption-text h4{
		text-transform: uppercase;
	}
	.caption-style-4 .caption-text{
		z-index: 10;
		color:#9B8879;
		width: 100%;
		text-align: center;
		
	}

/*inicia estilo de galeria*/

.contenedor-doble{
	width:100%;
	background-color: #C7B9AC;
	color: #FFF;

	-webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
    
    display: -webkit-flex; /* Safari */
    display: flex;
    
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
	
}
.event-line{
	width:31.2%;
	margin-left: 34.3%;
	border-top: solid 1px #FFF;
	padding: 3% 0;
}
.event-txt{
	width:74%;
	margin: 10% 13%;
}
.cont-e1{
	width:100%;
	clear:both;
	
}
.cont-e2{
	width:100%;
	clear:both;
}

/* Inicia estilo contacto*/

.Formulario {
	width: 74.3589%;
	margin-left: 12.8205%;
	margin-top: 0%;
	margin-bottom: 10%;
	text-align: left;
	line-height: 1.8em;
}
.zeroMargin_mobile {
    margin-left: 0;
}
.hide_mobile {
    display: none;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 576px) {

.gridContainer {
	width: 100%;
	clear: none;
	float: none;
}
.menu-container {
	width:100%;
	height:70px;
	margin-top: 0px;
	position: fixed;
	z-index: 100;
	transition: all 0.5s ease-in-out;
}
.home {
	width: 100%;
	margin: 34% 0 0 0;
	padding: 0 0 15% 0;
}
.slider-mobil {
	width: 66.14%;
	margin-left: 16.93%;
	margin-top: -20%;
}
.info-home-back {
	width: 100%;
	background-image: url(../Imagenes/plant-back.png);
	background-position: center center;
	background-size: contain;
}
.box-home-info {
	width:49.12%;
	margin: 10% 0 15% 25.47%;
	text-align: center;
}
.title-home {
	width:100%;
}
.liner-title {
	width: 31.50%;
	border-bottom: solid 2px #DBC9BD;
	padding-top: 1%;
	margin: 1.5% 0 3.5% 34.25%;
}
.mask-container{
	width: 60%;
	margin: -5% 20%;
	clear: both;
}
.G1 {
	width:100%;
}
.G2 {
	width:100%;
	margin: 5% 0;
	clear: both;
}
.G3 {
	width:100%;
	clear: both;
}


.home-cont-1 {
	width:100%;
	background-color: #C7B9AC;
	color: #FFF;
	text-align: center;
    
    display: -webkit-flex; /* Safari */
    display: flex;
	flex-direction: row-reverse;
	
	
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    
}
.box1-h{
		width: 100%;
	}
.img-box-h{
	width: 100%;
	
}
.cont-centred{
	width: 100%;
	margin: 10% 0 10%;
}
.liner-box-h {
	width: 15.36%;
	border-top: solid 1px #FFF;
	padding-bottom: 1%;
	margin: 0% 0 2% 42.3%;
}
.home-cont-1 a {
	color: #FFF;
}
.txt-lined-box-h {
	line-height: 2rem;
}
.btn-box-h{
	width:15.34%;
	margin-left: 42.28%;
	margin-top: 3%;
	border: #FFF solid 2px;
}
.btn-box-h:hover{
	border: #FFF solid 2px;
	background-color: #FFF;
	color: #C7B9AC;
}
.home-cont-2 {
	width:100%;
	background-color: #F5F0ED;
	color: #C7B9AC;
	text-align: center;
    
    display: -webkit-flex; /* Safari */
    display: flex;
	flex-wrap: wrap;
    
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.box2-h{
		width: 100%;
	}
.cont-centred1{
	width: 100%;
	margin: 15% 0 15%;
}
.home-cont-2 a {
	color: #C7B9AC;
}
.txt-lined-box-h1 {
	line-height: 1.5rem;
}
.btn-box-h1{
	width:15.34%;
	margin-left: 42.28%;
	margin-top: 5%;
	border: #C7B9AC solid 2px;
}
.btn-box-h1:hover{
	border: #C7B9AC solid 2px;
	background-color: #C7B9AC;
	color: #FFF;
}
.img-box-h1{
	width: 100%;
}
.footer {
	width: 100%;
	padding: 2% 0;
	text-align: center;
	font-size: .8rem;
	background-color: #FFF;
}

/* inicia estilo nosotros */

.head {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  /* cursor: default;
      background: #fff url(../images/bgimg.jpg) no-repeat center center*/
}

.head .masking, .head .content {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0%;
  left: 0%;
  -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
    
    display: -webkit-flex; /* Safari */
    display: flex;
    
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.head img {
  display: block;
  position: relative;
}

/* clases para el primer producto  */
.title-first .masking {
  opacity: 1;
  background-color: rgba(245,240,237,0.36);
  /* background-color: rgba(219,127,8, 0.7); */
}
.info-nosotros {
	width: 100%;
}
.box-nosotros {
	width: 65.97%;
	margin-top: 10%;
	margin-right: 0;
	margin-left: 16.98%;
	margin-bottom: 15%;
	text-align: center;
}
.title-nosotros {
	width:100%;
}
.liner-nosotros {
	width: 23.49%;
	border-bottom: solid 1px #DBC9BD;
	padding-top: 1%;
	margin: 2% 0 4% 38.25%;
}
.mision{
	width:82.89%;
	margin-left: 8.555%;
	margin-top:15%;
	border: solid 0.5rem #FFF;
}
.mision-img{
	width: 80%;
	margin-left: 10%;
	margin-top: -25%;
	clear: both;
}
.mision-txt{
	width: 80%;
	margin: 6% 10%;
	text-align: center;
	clear: both;
}
.vision{
	width:82.89%;
	margin-left: 8.555%;
	margin-top:25%;
	border: solid 0.5rem #FFF;
}
.vision-img{
	width: 80%;
	margin-left: 10%;
	margin-top: -25%;
	clear: both;
}
.vision-txt{
	width: 80%;
	margin: 6% 10%;
	text-align: center;
	clear: both;
}
.title-experiencias{
	width: 74.7%;
	margin: 10% 12.65% 0%;
	text-align: center;
	
}
.liner-experiencias {
	width: 23.41%;
	border-bottom: solid 1px #DBC9BD;
	padding-top: 0%;
	margin: 1% 0 7% 38.21%;
}
.experiencias {
	width: 90%;
	margin: 5%;
	text-align: center;
}
.opcion {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-align: center;
border-radius: 50%;

  /* cursor: default;
      background: #fff url(../images/bgimg.jpg) no-repeat center center*/
}

.opcion .masked, .opcion .content {
  width: 85%;
  height: 85%;
  position: absolute;
  overflow: hidden;
  top: 7.5%;
  left: 7.5%;
  -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
    
    display: -webkit-flex; /* Safari */
    display: flex;
    
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.opcion img {
  display: block;
  position: relative;
	width: 100%;
}

.opcion h3 {
  color: #9B8879;
  
  text-align: center;
  position: relative;
}

.opcion p {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 14px;
  position: relative;
  color: #fff;
  padding: 10px 20px 20px;
  text-align: center;
}

.opcion a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  box-shadow: 0 0 1px #000;
}

.opcion a.info:hover {
  box-shadow: 0 0 10px #000;
}

/* clases para el primer producto  */


.opcion-first .masked {
  opacity: 0;
  background-color: rgba(245,240,237,0.75);
border-radius: 50%;
	
  /* background-color: rgba(219,127,8, 0.7); */
}

.opcion-first h2 {
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.opcion-first p {
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}



.opcion-first a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.opcion-first:hover .masked {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.nav-link .active .opcion-first.masked {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.opcion-first:hover h2,
.opcion-first:hover p,
.opcion-first:hover a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.opcion-first:hover p {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.opcion-first:hover a.info {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.img-nosotros{
	width: 100%;
}

/*inicia estilo eventos*/
	
.event-container{
	width: 100%!important;
	margin-top: -15%;
	text-align: center;
	clear:both;
}
.E1{
	width:50%!important;
	clear:both;
}
.E2{
	width:50%!important;
	clear:none;
}
/*inicia estilo de galeria*/

.contenedor-doble{
	width:100%;
	background-color: #C7B9AC;
	color: #FFF;
}
.event-line{
	width:31.2%;
	margin-left: 34.3%;
	border-top: solid 1px #FFF;
	padding: 3% 0;
}
.event-txt{
	width:74%;
	margin: 10% 13%;
}
.cont-e1{
	width:100%;
	clear:both;
}
.cont-e2{
	width:100%;
	clear:both;
}

/* Inicia estilo contacto*/

.Formulario {
	width: 65.89%;
	margin-left: 17.0%;
	margin-top: -10%;
	margin-bottom: 10%;
	text-align: left;
	line-height: 1.8em;
}
.zeroMargin_tablet {
    margin-left: 0;
}
.hide_tablet {
    display: none;
}
}

/* pc Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 768px) {
	
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.3rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

h1, .h1 {
  font-size: 3rem!important;
}

h2, .h2 {
  font-size: 2.6rem!important;
}

h3, .h3 {
  font-size: 2rem!important;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}	

.gridContainer {
	width: 100%;
	clear: none;
	float: none;
}
.menu-container {
	width:100%;
	height:70px;
	margin-top: 0px;
	position: fixed;
	z-index: 100;
	transition: all 0.5s ease-in-out;
}
.home {
	width: 100%;
	margin: 29.5% 0 0 0;
	padding: 0 0 12% 0;
}
.slider-mobil {
	width: 66.14%;
	margin-left: 16.93%;
	margin-top: -20%;
}
.info-home-back {
	width: 100%;
	background-image: url(../Imagenes/plant-back.png);
	background-position: center center;
	background-size: contain;
}
.box-home-info {
	width:49.12%;
	margin: 10% 0 15% 25.47%;
	text-align: center;
}
.title-home {
	width:100%;
}
.liner-title {
	width: 31.50%;
	border-bottom: solid 2px #DBC9BD;
	padding-top: 1%;
	margin: 1.5% 0 3.5% 34.25%;
}
.mask-container{
	width: 74.78%;
	margin: -5% 12.52%;
	clear: both;
}
.G1 {
	width:32.6%;
	clear: both;
}
.G2 {
	width:32.6%;
	margin-left: 1.1%;
	margin-top: 0%;
	clear: none;
}
.G3 {
	width:32.6%;
	margin-left: 1.1%;
	clear: none;
}

.home-cont-1 {
	width:100%;
	background-color: #C7B9AC;
	color: #FFF;
	text-align: center;
    
    display: -webkit-flex; /* Safari */
    display: flex;
	flex-direction: row-reverse;
	
	
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    
}
.box1-h{
		width: 50%;
	}
.img-box-h{
	width: 50%;
	
}
.cont-centred{
	width: 100%;
	margin: 0%;
}
.liner-box-h {
	width: 23.1%;
	border-top: solid 1px #FFF;
	padding-bottom: 1%;
	margin-top: 0%;
	margin-right: 0;
	margin-left: 38.3%;
	margin-bottom: 4%;
}
.home-cont-1 a {
	color: #FFF;
}
.txt-lined-box-h {
	line-height: 2rem;
}
.btn-box-h{
	width:22.78%;
	margin-left: 38.61%;
	margin-top: 5%;
	border: #FFF solid 2px;
}
.btn-box-h:hover{
	border: #FFF solid 2px;
	background-color: #FFF;
	color: #C7B9AC;
}
.home-cont-2 {
	width:100%;
	background-color: #F5F0ED;
	color: #C7B9AC;
	text-align: center;
    
    display: -webkit-flex; /* Safari */
    display: flex;
	flex-wrap: wrap;
    
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.box2-h{
		width: 50%;
	}
.cont-centred1{
	width: 100%;
	margin: 0%;
}
.home-cont-2 a {
	color: #C7B9AC;
}
.txt-lined-box-h1 {
	line-height: 1.5rem;
}
.btn-box-h1{
	width:22.78%;
	margin-left: 38.61%;
	margin-top: 5%;
	border: #C7B9AC solid 2px;
}
.btn-box-h1:hover{
	border: #C7B9AC solid 2px;
	background-color: #C7B9AC;
	color: #FFF;
}
.img-box-h1{
	width: 50%;
}
.footer {
	width: 100%;
	padding: 2% 0;
	text-align: center;
	font-size: .8rem;
	background-color: #FFF;
}
	
/* inicia estilo nosotros */

.head {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  /* cursor: default;
      background: #fff url(../images/bgimg.jpg) no-repeat center center*/
}

.head .masking, .head .content {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0%;
  left: 0%;
  -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
    
    display: -webkit-flex; /* Safari */
    display: flex;
    
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.head img {
  display: block;
  position: relative;
}

/* clases para el primer producto  */
.title-first .masking {
  opacity: 1;
  background-color: rgba(245,240,237,0.36);
  /* background-color: rgba(219,127,8, 0.7); */
}
.info-nosotros {
	width: 100%;
}
.box-nosotros {
	width: 65.97%;
	margin-top: 10%;
	margin-right: 0;
	margin-left: 16.98%;
	margin-bottom: 15%;
	text-align: center;
}
.title-nosotros {
	width:100%;
}
.liner-nosotros {
	width: 23.49%;
	border-bottom: solid 1px #DBC9BD;
	padding-top: 1%;
	margin: 2% 0 4% 38.25%;
}
.mision{
	width:41.2%;
	margin-left: 6.555%;
	margin-top:6%;
	border: solid 0.4rem #FFF;
}
.mision-img{
	width: 80%;
	margin-left: 10%;
	margin-top: -25%;
	clear: both;
}
.mision-txt{
	width: 80%;
	margin: 6% 10%;
	text-align: center;
	clear: both;
}
.vision{
	width:41.2%;
	margin-left: 4.355%;
	margin-top:6%;
	border: solid 0.4rem #FFF;
	clear:none;
}
.vision-img{
	width: 80%;
	margin-left: 10%;
	margin-top: -25%;
	clear: both;
}
.vision-txt{
	width: 80%;
	margin: 6% 10%;
	text-align: center;
	clear: both;
}
.title-experiencias{
	width: 74.7%;
	margin: 6% 12.65% 0%;
	text-align: center;
	
}
.liner-experiencias {
	width: 7.72%;
	border-bottom: solid 1px #DBC9BD;
	padding-top: 0%;
	margin: 1% 0 3% 46.09%;
}
.experiencias {
	width: 70%;
	margin: 2% 15%;
	text-align: center;
}
.opcion {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-align: center;
border-radius: 50%;

  /* cursor: default;
      background: #fff url(../images/bgimg.jpg) no-repeat center center*/
}

.opcion .masked, .opcion .content {
  width: 85%;
  height: 85%;
  position: absolute;
  overflow: hidden;
  top: 7.5%;
  left: 7.5%;
  -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
    
    display: -webkit-flex; /* Safari */
    display: flex;
    
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.opcion img {
  display: block;
  position: relative;
	width: 100%;
}

.opcion h3 {
  color: #9B8879;
  
  text-align: center;
  position: relative;
}

.opcion p {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 14px;
  position: relative;
  color: #fff;
  padding: 10px 20px 20px;
  text-align: center;
}

.opcion a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  box-shadow: 0 0 1px #000;
}

.opcion a.info:hover {
  box-shadow: 0 0 10px #000;
}

/* clases para el primer producto  */


.opcion-first .masked {
  opacity: 0;
  background-color: rgba(245,240,237,0.75);
border-radius: 50%;
	
  /* background-color: rgba(219,127,8, 0.7); */
}

.opcion-first h2 {
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.opcion-first p {
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}



.opcion-first a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.opcion-first:hover .masked {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.nav-link .active .opcion-first.masked {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.opcion-first:hover h2,
.opcion-first:hover p,
.opcion-first:hover a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.opcion-first:hover p {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.opcion-first:hover a.info {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.img-nosotros{
	width: 100%;
	margin-top: -10%;
}

/*inicia estilo eventos*/
	
.event-container{
	width: 100%!important;
	margin-top: -12%;
	text-align: center;
	clear:both;
}
.E1{
	width:50%;
	clear:both;
}
.E2{
	width:50%;
	clear:none;
}

	/*inicia estilo de galeria*/

.contenedor-doble{
	width:100%;
	background-color: #C7B9AC;
	color: #FFF;
}
.event-line{
	width:31.2%;
	margin-left: 34.3%;
	border-top: solid 1px #FFF;
	padding: 3% 0;
}
.event-txt{
	width:74%;
	margin: 10% 13%;
}
.cont-e1{
	width:100%;
	clear:both;
}
.cont-e2{
	width:100%;
	clear:both;
}

/* Inicia estilo contacto*/

.Formulario {
	width: 49.49%;
	margin-left: 25.2%;
	margin-top: -6%;
	margin-bottom: 0%;
	text-align: left;
	line-height: 1.8em;
}
.zeroMargin_tablet {
    margin-left: 0;
}
.hide_tablet {
    display: none;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 992px) {

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.3rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

h1, .h1 {
  font-size: 3.5rem!important;
}

h2, .h2 {
  font-size: 3rem!important;
}

h3, .h3 {
  font-size: 2rem!important;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}	
.gridContainer {
	width: 100%;
	max-width: 2560px;
	font-size: 1.3rem;
	line-height: 1.6rem;
	clear: none;
	float: none;
	margin-left: auto;
}
.menu-container {
	width:100%;
	height:100px;
	margin-top: 0px;
	position: fixed;
	z-index: 100;
	transition: all 0.5s ease-in-out;
}
.home {
	width: 100%;
	margin-top: 23%;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0 0 12% 0;
}
.slider-mobil {
	display: none;
}
.slider-pc {
	width: 83.33%;
	margin-left: 8.33%;
	margin-top: -12.5%;
	display: block;
}
.info-home-back {
	width: 100%;
	background-image: url(../Imagenes/plant-back.png);
	background-position: center center;
	background-size: cover;
}
.box-home-info {
	width:41.19%;
	margin: 5% 0 15% 29.47%;
	text-align: center;
}
.title-home {
	width:100%;
}
.liner-title {
	width: 18.50%;
	border-bottom: solid 2px #DBC9BD;
	padding-top: 1.5%;
	margin: 2% 0 4% 40.45%;
}
.mask-container{
	width: 66.31%;
	margin: -10% 16.8%;
	clear: both;
}
.G1 {
	width:30.25%;
	clear: both;
}
.G2 {
	width:30.25%;
	margin-left: 4.625%;
	margin-top: 0%;
	clear: none;
}
.G3 {
	width:30.25%;
	margin-left: 4.625%;
	clear: none;
}

.home-cont-1 {
	width:100%;
	background-color: #C7B9AC;
	color: #FFF;
	text-align: center;
    
    display: -webkit-flex; /* Safari */
    display: flex;
	flex-direction: row-reverse;
	
	
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    
}
.box1-h{
		width: 50%;
	}
.img-box-h{
	width: 50%;
	
}
.cont-centred{
	width: 100%;
	margin: 0%;
}
.liner-box-h {
	width: 15.25%;
	border-top: solid 1px #FFF;
	padding-bottom: 1%;
	margin-right: 0;
	margin-left: 42.73%;
	margin-bottom: 4%;
}
.home-cont-1 a {
	color: #FFF;
}
.txt-lined-box-h {
	line-height: 2.2rem;
	font-size: 1.6rem;
}
.btn-box-h{
	width:22.78%;
	margin-left: 38.61%;
	margin-top: 5%;
	border: #FFF solid 2px;
}
.btn-box-h:hover{
	border: #FFF solid 2px;
	background-color: #FFF;
	color: #C7B9AC;
}
.home-cont-2 {
	width:100%;
	background-color: #F5F0ED;
	color: #C7B9AC;
	text-align: center;
    
    display: -webkit-flex; /* Safari */
    display: flex;
	flex-wrap: wrap;
    
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.box2-h{
		width: 50%;
	}
.cont-centred1{
	width: 100%;
	margin: 0%;
}
.home-cont-2 a {
	color: #C7B9AC;
}
.txt-lined-box-h1 {
	line-height: 2.8rem;
	font-size: 1.6rem;
}
.btn-box-h1{
	width:22.78%;
	margin-left: 38.61%;
	margin-top: 5%;
	border: #C7B9AC solid 2px;
}
.btn-box-h1:hover{
	border: #C7B9AC solid 2px;
	background-color: #C7B9AC;
	color: #FFF;
}
.img-box-h1{
	width: 50%;
}
.footer {
	width: 100%;
	padding: 2% 0;
	text-align: center;
	font-size: 1rem;
	line-height: 1.3rem;
	background-color: #FFF;
}
/* inicia estilo nosotros */

.head {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  /* cursor: default;
      background: #fff url(../images/bgimg.jpg) no-repeat center center*/
}

.head .masking, .head .content {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0%;
  left: 0%;
  -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
    
    display: -webkit-flex; /* Safari */
    display: flex;
    
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.head img {
  display: block;
  position: relative;
}

/* clases para el primer producto  */
.title-first .masking {
  opacity: 1;
  background-color: rgba(245,240,237,0.36);
  /* background-color: rgba(219,127,8, 0.7); */
}
	
/*inicia estilo nosotros*/
	
.info-nosotros {
	width: 100%;
}
.box-nosotros {
	width: 49.64%;
	margin-top: 6%;
	margin-right: 0;
	margin-left: 25.18%;
	margin-bottom: 9%;
	text-align: center;
}
.title-nosotros {
	width:100%;
}
.liner-nosotros {
	width: 15.19%;
	border-bottom: solid 1px #DBC9BD;
	padding-top: 1%;
	margin: 2% 0 4% 42.23%;
}
.mision{
	width:37.72%;
	margin-left: 10.095%;
	margin-top:6%;
	border: solid 0.4rem #FFF;
}
.mision-img{
	width: 76.8%;
	margin-left: 11.8%;
	margin-top: -25%;
	clear: both;
}
.mision-txt{
	width: 80%;
	margin: 6% 10%;
	text-align: center;
	clear: both;
}
.vision{
	width:37.72%;
	margin-left: 4.37%;
	margin-top:6%;
	border: solid 0.4rem #FFF;
	clear:none;
}
.vision-img{
	width: 76.8%;
	margin-left: 11.8%;
	margin-top: -25%;
	clear: both;
}
.vision-txt{
	width: 80%;
	margin: 6% 10%;
	text-align: center;
	clear: both;
}
.title-experiencias{
	width: 74.7%;
	margin: 6% 12.65% 0%;
	text-align: center;
	
}
.liner-experiencias {
	width: 7.72%;
	border-bottom: solid 1px #DBC9BD;
	padding-top: 0%;
	margin: 1% 0 3% 46.09%;
}
.experiencias {
	width: 60%;
	margin: 2% 20%;
	text-align: center;
}
.opcion {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-align: center;
border-radius: 50%;

  /* cursor: default;
      background: #fff url(../images/bgimg.jpg) no-repeat center center*/
}

.opcion .masked, .opcion .content {
  width: 85%;
  height: 85%;
  position: absolute;
  overflow: hidden;
  top: 7.5%;
  left: 7.5%;
  -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
    
    display: -webkit-flex; /* Safari */
    display: flex;
    
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.opcion img {
  display: block;
  position: relative;
	width: 100%;
}

.opcion h3 {
  color: #9B8879;
  
  text-align: center;
  position: relative;
}

.opcion p {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 14px;
  position: relative;
  color: #fff;
  padding: 10px 20px 20px;
  text-align: center;
}

.opcion a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  box-shadow: 0 0 1px #000;
}

.opcion a.info:hover {
  box-shadow: 0 0 10px #000;
}

/* clases para el primer producto  */


.opcion-first .masked {
  opacity: 0;
  background-color: rgba(245,240,237,0.75);
border-radius: 50%;
	
  /* background-color: rgba(219,127,8, 0.7); */
}

.opcion-first h2 {
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.opcion-first p {
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}



.opcion-first a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.opcion-first:hover .masked {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.nav-link .active .opcion-first.masked {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.opcion-first:hover h2,
.opcion-first:hover p,
.opcion-first:hover a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.opcion-first:hover p {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.opcion-first:hover a.info {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.img-nosotros{
	width: 100%;
	margin-top: -10%;
	display:none;
}
.img-nosotros-pc{
	width: 100%;
	margin-top: -6%;
	display:block!important;
}

/*inicia estilo de galeria*/

.contenedor-doble{
	width:100%;
	background-color: #C7B9AC;
	color: #FFF;
}
.event-line{
	width:20.6%;
	margin-left: 38.99%;
	border-top: solid 1px #FFF;
	padding: 3% 0;
}
.event-txt{
	width:74%;
	margin: 0% 13%;
}
.cont-e1{
	width:100%;
	clear:both;
}
.cont-e2{
	width:100%;
	clear:both;
}

/* Inicia estilo contacto*/

.Formulario {
	width: 41.1%;
	margin-left: 29.4%;
	margin-top: -6%;
	margin-bottom: 0%;
	text-align: left;
	line-height: 1.8em;
}
.zeroMargin_desktop {
    margin-left: 0;
}
.hide_desktop {
    display: none;
}
}

/* Desktop 5k Layout: 2561px to a max of 5120px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 2561px) {

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.3rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

h1, .h1 {
  font-size: 6rem!important;
}

h2, .h2 {
  font-size: 4.9rem!important;
}

h3, .h3 {
  font-size: 4.3rem!important;
}

h4, .h4 {
  font-size: 3.7rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}	
	
.gridContainer {
	width: 100%;
	max-width: 100%;
	font-size: 2rem;
	line-height: 2.5rem;
	clear: none;
	float:left;
	margin-left: auto;
}
.menu-container {
	width:100%;
	height:100px;
	margin-top: 0px;
	position: fixed;
	z-index: 100;
	transition: all 0.5s ease-in-out;
}
.home {
	width: 100%;
	margin: 18% 0 0 0;
	padding: 0 0 12% 0;
}
.slider-mobil {
	display: none;
}
.slider-pc {
	width: 83.33%;
	margin-left: 8.33%;
	margin-top: -12.5%;
	display: block;
}
.info-home-back {
	width: 100%;
	background-image: url(../Imagenes/plant-back.png);
	background-position: center center;
	background-size: cover;
}
.box-home-info {
	width:41.19%;
	margin: 5% 0 15% 29.47%;
	text-align: center;
}
.title-home {
	width:100%;
}
.liner-title {
	width: 18.50%;
	border-bottom: solid 2px #DBC9BD;
	padding-top: 1.5%;
	margin: 2% 0 4% 40.45%;
}
.mask-container{
	width: 66.31%;
	margin: -10% 16.8%;
	clear: both;
}
.G1 {
	width:30.25%;
	clear: both;
}
.G2 {
	width:30.25%;
	margin-left: 4.625%;
	margin-top: 0%;
	clear: none;
}
.G3 {
	width:30.25%;
	margin-left: 4.625%;
	clear: none;
}

.home-cont-1 {
	width:100%;
	background-color: #C7B9AC;
	color: #FFF;
	text-align: center;
    
    display: -webkit-flex; /* Safari */
    display: flex;
	flex-direction: row-reverse;
	
	
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    
}
.box1-h{
		width: 50%;
	}
.img-box-h{
	width: 50%;
	
}
.cont-centred{
	width: 100%;
	margin: 0% 0 0%;
}
.liner-box-h {
	width: 15.25%;
	border-top: solid 1px #FFF;
	padding-bottom: 1%;
	margin: 10% 0 4% 42.73%;
}
.home-cont-1 a {
	color: #FFF;
}
.txt-lined-box-h {
	line-height: 3rem;
}
.btn-box-h{
	width:22.78%;
	margin-left: 38.61%;
	margin-top: 5%;
	border: #FFF solid 2px;
}
.btn-box-h:hover{
	border: #FFF solid 2px;
	background-color: #FFF;
	color: #C7B9AC;
}
.home-cont-2 {
	width:100%;
	background-color: #F5F0ED;
	color: #C7B9AC;
	text-align: center;
    
    display: -webkit-flex; /* Safari */
    display: flex;
	flex-wrap: wrap;
    
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.box2-h{
		width: 50%;
	}
.cont-centred1{
	width: 100%;
	margin: 0%;
}
.home-cont-2 a {
	color: #C7B9AC;
}
.txt-lined-box-h1 {
	line-height: 1.5rem;
}
.btn-box-h1{
	width:22.78%;
	margin-left: 38.61%;
	margin-top: 5%;
	border: #C7B9AC solid 2px;
}
.btn-box-h1:hover{
	border: #C7B9AC solid 2px;
	background-color: #C7B9AC;
	color: #FFF;
}
.img-box-h1{
	width: 50%;
}
.footer {
	width: 100%;
	padding: 2% 0;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.8rem;
	background-color: #FFF;
}
/* inicia estilo nosotros */

.head {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  /* cursor: default;
      background: #fff url(../images/bgimg.jpg) no-repeat center center*/
}

.head .masking, .head .content {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0%;
  left: 0%;
  -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
    
    display: -webkit-flex; /* Safari */
    display: flex;
    
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.head img {
  display: block;
  position: relative;
}

/* clases para el primer producto  */
.title-first .masking {
  opacity: 1;
  background-color: rgba(245,240,237,0.36);
  /* background-color: rgba(219,127,8, 0.7); */
}
.info-nosotros {
	width: 100%;
}
.box-nosotros {
	width: 49.64%;
	margin-top: 10%;
	margin-right: 0;
	margin-left: 25.18%;
	margin-bottom: 15%;
	text-align: center;
}
.title-nosotros {
	width:100%;
}
.liner-nosotros {
	width: 15.19%;
	border-bottom: solid 1px #DBC9BD;
	padding-top: 1%;
	margin: 2% 0 4% 42.23%;
}
.mision{
	width:42.17%;
	margin-left: 7.705%;
	margin-top:6%;
	border: solid 0.4rem #FFF;
}
.mision-img{
	width: 80%;
	margin-left: 10%;
	margin-top: -25%;
	clear: both;
}
.mision-txt{
	width: 80%;
	margin: 6% 10%;
	text-align: center;
	clear: both;
}
.vision{
	width:42.17%;
	margin-left: 4.25%;
	margin-top:6%;
	border: solid 0.4rem #FFF;
	clear:none;
}
.vision-img{
	width: 80%;
	margin-left: 10%;
	margin-top: -25%;
	clear: both;
}
.vision-txt{
	width: 80%;
	margin: 6% 10%;
	text-align: center;
	clear: both;
}
.title-experiencias{
	width: 74.7%;
	margin: 6% 12.65% 0%;
	text-align: center;
	
}
.liner-experiencias {
	width: 7.72%;
	border-bottom: solid 1px #DBC9BD;
	padding-top: 0%;
	margin: 1% 0 3% 46.09%;
}
.experiencias {
	width: 60%;
	margin: 2% 20%;
	text-align: center;
}
.opcion {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-align: center;
border-radius: 50%;

  /* cursor: default;
      background: #fff url(../images/bgimg.jpg) no-repeat center center*/
}

.opcion .masked, .opcion .content {
  width: 85%;
  height: 85%;
  position: absolute;
  overflow: hidden;
  top: 7.5%;
  left: 7.5%;
  -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
    
    display: -webkit-flex; /* Safari */
    display: flex;
    
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.opcion img {
  display: block;
  position: relative;
	width: 100%;
}

.opcion h3 {
  color: #9B8879;
  
  text-align: center;
  position: relative;
}

.opcion p {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 14px;
  position: relative;
  color: #fff;
  padding: 10px 20px 20px;
  text-align: center;
}

.opcion a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  box-shadow: 0 0 1px #000;
}

.opcion a.info:hover {
  box-shadow: 0 0 10px #000;
}

/* clases para el primer producto  */


.opcion-first .masked {
  opacity: 0;
  background-color: rgba(245,240,237,0.75);
border-radius: 50%;
	
  /* background-color: rgba(219,127,8, 0.7); */
}

.opcion-first h2 {
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.opcion-first p {
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}



.opcion-first a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.opcion-first:hover .masked {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.nav-link .active .opcion-first.masked {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.opcion-first:hover h2,
.opcion-first:hover p,
.opcion-first:hover a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.opcion-first:hover p {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.opcion-first:hover a.info {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.img-nosotros{
	width: 100%;
	margin-top: -10%;
	display:none;
}
.img-nosotros-pc{
	width: 100%;
	margin-top: -6%;
	display:block!important;
}	

/*inicia estilo de galeria*/

.contenedor-doble{
	width:100%;
	background-color: #C7B9AC;
	color: #FFF;
}
.event-line{
	width:20.6%;
	margin-left: 38.99%;
	border-top: solid 1px #FFF;
	padding: 3% 0;
}
.event-txt{
	width:74%;
	margin: 10% 13%;
}
.cont-e1{
	width:100%;
	clear:both;
}
.cont-e2{
	width:100%;
	clear:both;
}

/* Inicia estilo contacto*/

.Formulario {
	width: 32.7%;
	margin-left: 33.65%;
	margin-top: 2%;
	margin-bottom: 0%;
	text-align: left;
	line-height: 1.8em;
}
.zeroMargin_5k {
    margin-left: 0;
}
.hide_5k {
    display: none;
}
}


/*=============================
* Slice by Joe Richardson
* V1
* Licensed under MIT
=============================*/

.active_b {
  background-color: #FFF;
}

* {
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 0;
}

form {
  width:100%;
  margin: 0px auto;
}

/* Clearfix */
.cf:after {
  content: "";
  display: table;
  clear: both
}

input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
}

textarea {
  resize:none;
  max-width:100%;
  height:150px;
}

/* Reset for Input elements */
label,
select,
button,
input[type="submit"],
input[type="radio"],
input[type="checkbox"],
input[type="button"] {
  position: relative;
  cursor: pointer;
  border:0;
  outline:none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input:focus,
textarea:focus {
	outline: none;
}

/* Default Inputs */
.default-input {
  padding:0.1em;
  border:1px solid #FFF;
  width:100%;
  color:#C7B9AC;
  margin-bottom:.4em;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-color:#FFF;
  text-align: left;
  transition: all 0.5s ease-in-out;
}
.default-input:required {
  padding:0.1em;
  border:1px solid #FFF;
  width:100%;
  color:#C7B9AC;
  margin-bottom:.4em;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-color:#FFF;
  text-align: left;
  transition: all 0.5s ease-in-out;
}
/*Si el valor que el usuario escribe es valido, obtendra un color verde*/
    default-input:required:valid{
        border:1px solid #FFF;
		background-color:#FFF;
        /* otras propiedades */
    }
	default-input:focus:required{
        border:1px solid green;
		background-color:#FFF;
        /* otras propiedades */
    }
    /*caso contrario, el color sera rojo*/
    form default-input:focus:invalid{
        border:1px solid red;
	   background-color:#FFF;
        /* otras propiedades */
    }
 input {
       border:1px solid #FFF;
	   background-color:#FFF;
    /* otras propiedades */
    }
    /*Si el valor que el usuario escribe es valido, obtendra un color verde*/
    form input:required:valid{
        border:1px solid #FFF;
		background-color:#FFF;
        /* otras propiedades */
    }
	form input:focus:valid{
        border:1px solid green;
        /* otras propiedades */
    }
    /*caso contrario, el color sera rojo*/
    form input:focus:invalid{
        border:1px solid red;
	   background-color:#FFF;
        /* otras propiedades */
    }

.default-input:focus {
  border:1px solid #C7B9AC;
}

/* Placeholder */
.default-input::-webkit-input-placeholder {
  color: #FFF;
}

.default-input:-moz-placeholder {
  color: #CCC;
  border-radius:10px;
}

.default-input::-moz-placeholder {
  color: #CCC;
}

.default-input:-ms-input-placeholder {
  color: #CCC;
}

/* Label with Icons */
.label-icon {
  color:rgba(0,0,0,.6);
  position:absolute;
  bottom:-15px;
  display:block;
  padding:8px 15px;
}

.label-input {
  padding-left:60px;
}

/* Option Menu / Select Menu */
.option-menu {
  background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAlCAYAAAD/Tp9wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAdBJREFUeNrs2L1WwjAUAOCkeQEegbUbbo6wOZpHYHRk9BHcHB0Z3aqjk4xudHSEN8A38F4Nh2hPm7T5T3vPKQTapJfvpG24lHO+J4QsyBRy1AW8rLAxWVxQ0IRiC2bNDN7ep5nzi1JV1Ymev5lwLij4gcp7BA7ec+YjQznAdnVGwSjkvWIHh+00IpSf3yyjNGaMNHMW4rKajQAFL5/Gw4e29RgBTitKJ0zmOJ0ojXvM/xAd1xnOlnUXCgZTjfAJUZblEZq3GaE8qw5iOiOBTZ0JDqJsdQ5kuiNmgKON0gtGwvmC5k1iKBtAeerTgfU9A+B8AM48ob8OW0C579uJDTkT4LwmgoMog56qbOgZE8AZjGIEEzmOEYpy5asbsELG1fEyEpQdoKxMByksJcNJHFXAWuRiHNRWRhEUuv4UmqKBCYxjFcU6TCAc6yhOYDyXK5Tlg6hgPOE4Q3EK4xjHKYpzGEc4zlG8wAicpcCxEYiyc50z8wEDfx0Olmo5WFN58ZGzFxiBY1ro6lVoSgbGEMcrineYgTjeUYLASDj4lLpWHPoIKA8hcgwCI3DeFLUcrKnchcovGIzAaSt0GReakoZpwQmOElXAIrDCLZZ8vgUYANCa63k2/DsoAAAAAElFTkSuQmCC') no-repeat;
  background-size:15px;
  background-position:right 20px top 20px;
  text-indent: 0.01px;
  text-overflow: '';
}

/* Buttons */
.btn {
  width: 100%;
  padding:6px;
  color:#C7B9AC;
  text-align:center;
  letter-spacing: 0.2em;
  margin-bottom:3px;
  transition: all 0.5s ease-in-out;
}


/* Main Colours */
.pink {
  background: #F5F0ED;
  border: #C7B9AC solid 2px!important;
}

.pink:hover { 
  border: #C7B9AC solid 2px;
  background-color: #C7B9AC;
  color: #FFF;
}
.color-fondo{
	background: #F5F0ED;
}
.btn-icon {
  padding:10px 15px;
  letter-spacing: 0;
  text-transform: none;
  transition: all 0.5s ease-in-out;
}

/* Legend */
fieldset {
  padding:20px;
  border:1px solid rgba(0,0,0,.1);
}

legend {
  margin:0 20px;
  letter-spacing: 2px;
  font-size:.7em;
  font-weight:300;
}
/* Shortcuts / Helpers */
.half {
  width:48.7%;
}
.centred {
  margin-top: 10px;
  margin-left: 33.333%;
  width: 33.333%;
}
.full {
  width:100%;
}

.float-left {
  float:left;
}


.float-right {
  float:right;
}

.padding-big {
  padding:10px;
}

.padding-bigger {
  padding:20px;
}

.rounded {
  border-radius:2px;
}

.full-rounded {
  border-radius: 100px;
}