
:root {
   --color-rojo: #A72D24;
   --color-verde: #5D6F29;
   --color-azul: #136487;
   --color-beige: #DEDBD2;  
}


#video-header {
margin-top: -50px; 
}

  .navbar-nav {
    width: 100%;
    text-align: center;
    > li {
      float: none;
      display: inline-block;
    }
  }

  .mini-margen-top {
  	margin-top: 20px; 
  } 

  .micro-margen-top {
  	margin-top: 13px; 
  }  

  .medio-margen-top {
  	margin-top: 50px; 
  }  

  .friends-margen {
  	margin-top: 42px; 
  }

 .margen-top-min {
 	margin-top: 150px; 
 } 

 .margen-top {
 	margin-top: 100px; 
 }  

 .margen-top-mobile {
 	margin-top: 100px; 
 } 

 .margen-top-plus {
 	margin-top: 200px; 
 }

 .margen-bottom-30 {
 	margin-bottom: 30px; 
 }

#argentina {
	margin-top: 100px; 
}

#store-locator {
	margin-top: 50px; 
	min-height: 600px; 
}

p {
    font-family: 'Open Sans', sans-serif!important;
    font-weight: 400; 
    line-height: 1.8;
    font-size: 14px; 
    margin-bottom: 0.5em!important; 

}

.bajada p {
	font-size: 16px!important; 
	text-align: center;
}

.bajada {
	margin-top: -10px!important; 
	width: 90%; 
	margin: 0 auto; 
}

.bajada-wine p {
	font-size: 16px!important; 
	text-align: center;
}



.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: 'Montserrat', sans-serif!important; 
}

.dialog-confirm {
	text-align: center; 
}

.navbar-collapse a {
	font-family: 'Montserrat', sans-serif;
	font-size: 0.9em; 
	text-transform: uppercase;
	color: black!important; 
	padding-bottom: 0px; 
	transition:  all 0.5s;
}

.navbar-nav a:hover {
	color: var(--color-rojo)!important;
}

.bg-light {
	background-color: white!important; 
} 

.nav-item {
	margin-right: 20px; 
}

nav {
	background-color: white!important; 
} 


.flecha {
	background-color: var(--color-beige);
	padding: 5px 2px 0 2px;
}

#privacy h2 {
	font-size: 1.3em; 
	color: var(--color-rojo);
}

#privacy h3 {
	font-size: 1.2em; 
}

#filtro h3 {
	font-size: 1.5em; 
	font-weight: 400!important; 
}

#filtro p {
	font-family: 'Montserrat', sans-serif!important;
}

.welcome {
	width: 70%; 
	margin: 0 auto; 
}

.botones {
	margin: 0 auto; 
	margin-top: 20px; 
}

#privacy a {
	color: var(--color-verde);
}

.clar {
	clear: both;
}
.marca {
	max-width: 250px; 
}

.redes a{
	font-size: 1.2em; 
	margin-top: -5px;
	margin-right: -10px;  
	float: left;
}

.logo-imagen {
	max-width: 350px;
	margin: 0 auto; 
}

h1	{
	font-family: 'Lora', serif;
	text-align: center;
	font-size: 3em; 
	margin: 0; 
	line-height: 1em; 
	color: var(--color-azul);
	font-weight: 700; 

}

h1 span {
	font-family: 'Montserrat', sans-serif;
}

#filtro {
	background-image: url(../img/mountains.jpg);
	   background-position: center center;
   background-attachment: fixed;
	background-size: cover;
   background-repeat: no-repeat;
}

.cuadro-verde, .cuadro-rojo {
	width: 315px; 
	height: 100px; 
}

#alwaysfriends .cuadro-rojo {
	width: 315px; 
	height: 138px; 
	background-image: url(../img/cuadro.svg);
	padding: 30px 20px;
	background-position: center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover; /* Resize the background image to cover the entire container */
}


#wines-section .cuadro-rojo {
	width: 315px; 
	height: 138px; 
	background-image: url(../img/cuadro.svg);
	padding: 50px 20px;
	background-position: center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover; /* Resize the background image to cover the entire container */
}

.cuadro-verde {
	background-color: white; 
	position: absolute;
	right: 40px; 
	bottom: -40px; 
	color: black; 
  }

.cuadro-rojo, .cuadro-rojo-wines {	
	background-color: white; 
	position: absolute;
	left: 40px; 
	bottom: -40px; 
}

#alwaysfriends .cuadro-rojo, #wines-section .cuadro-rojo {
	background-color: #A72D24;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -40px;
	margin: auto;
}

.cuadro-verde a, .cuadro-rojo a {
	color: black; 
	font-size: 1.2em; 
}

.cuadro-verde a:hover, .cuadro-rojo a:hover {
	color: var(--color-rojo);

}

.cuadro-verde h3, .cuadro-rojo h3 {
	margin-top: 0;
	font-size: 1.3em; 
}

.inicio {
	max-width: 600px; 

	margin: 0 auto; 

}

.bandera1 {
	margin: 0 auto; 
	width: 95px; 
}

.bandera2 {
	margin: 0 auto; 
	width: 105px;  
}


.bandera1 a, .bandera2 a {
	font-family: 'Montserrat', sans-serif!important;
	color: black; 
}

.boton-wel {
	width: 47%; 
    margin: 0 5px; 
	background-color: white; 
	opacity: 0.5; 
	float: left;
	padding: 10px 0; 
	transition: all 0.5s;

}

.boton-wel:hover {
	opacity: 1; 

}

#filtro a:hover {
		text-decoration: none!important; 

}

.img-bandera {
	width: 25px; 

}

.container-beige {
	background-color: var(--color-beige);
	padding: 40px 30px; 
	margin: 50px 0; 
}



.container-beige h4 {
	margin-bottom: 20px; 
}

.tecnical-div {
	margin: 30px 0; 
}

.container-blanco-quote {
	padding: 40px; 
	position: absolute;
	bottom: -210px; 
	background-color: white; 
	max-width: 90%; 
	left: 0; 
	right: 0; 
	margin: auto;
	margin-bottom: 20px; 
}

.container-blanco {
	max-width: 950px;
	padding: 40px; 
	position: absolute;
	bottom: -100px; 
	margin: auto;
	background-color: white; 
	left: 0;
	right: 0;
	margin: auto;
}

.container-blanco-chico {
	max-width: 560px;
	padding: 40px; 
	position: absolute;
	right: 1px; 
	margin: auto;
	top: 85px; 
	float: left;
	background-color: white; 
	z-index: 100; 
}


.container-blanco-medio {
	max-width: 660px;
	padding: 40px; 
	position: absolute;
	left: -20px; 
	margin: auto;
	top: 85px; 
	float: right;
	background-color: white; 
}

.imagen-abajo {
	width: 800px; 
	float: left;
}

.imagen-abajo2 {
	width: 800px; 
	float: right;
}

.relative2 {

	width: 100%; 
	position: relative;
}

#always-friends .container-blanco-chico {
	max-width: 650px!important;
}

#alwaysfriends strong {
	color: var(--color-rojo)!important;
}
.tipo-verde {
	color: var(--color-verde);
}

.tipo-rojo {
	color: var(--color-rojo);
}

.tipo-azul {
	color: var(--color-azul);
}

.tipo-blanco {
	color: white; 
}

.background-azul {
	background-color: #136487!important;
}

#wines-section h2 {
	font-family: 'Lora', serif!important;
}

h2 {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-size: 2.6em; 
	font-weight: 700; 
}

h2 span {
	font-family: 'Lora', serif;
	font-size: 0.8em; 
}

.acclaim-section h2{
	font-size: 1.5em!important; 
	font-family: 'Montserrat', sans-serif!important;
	color: var(--color-rojo);
}

 h3 {
	font-family: 'Lora', serif;
	font-size: 2em; 	
	font-weight: 700; 
	text-align: center;
}

#alwaysfriends h1, #wines-section h1  {
	font-family: 'Lora', serif;
	font-size: 1.7em; 	
	font-weight: 700; 
	text-align: center;
	color: white;
	line-height: 1.3em; 
	color: white; 
}

h3 a {
	color: white; 
}

h3 a:hover {
	color: var(--color-beige);
	text-decoration: none; 
}

h3 span {
		font-family: 'Montserrat', sans-serif;
		font-weight: 700; 
		font-size: 28px;  
		color: black; 
}

#alwaysfriends h1 span{
		font-family: 'Montserrat', sans-serif;
		font-weight: 700; 
		font-size: 26px;  
}

#dialog-confirm h4 {
	text-align: center; 
}

h4 {
	font-size: 1.2em; 
	font-family: 'Lora', serif;
	font-weight: bold;
	text-transform: uppercase;
}

h5 {
		font-family: 'Montserrat', sans-serif;
		font-weight: 700; 
		font-size: 1em; 
		color: black; 
		text-transform: uppercase;
}

h5 a {
	color: black; 
	transition: all 0.5s;
}

h5 a:hover {
	color: var(--color-rojo);
	text-decoration: none;
}

.nro {
	font-size: 1.4em; 

}

.critico {
	font-family: 'Lora', serif;
	font-weight: 400!important; 
	text-transform: none; 
}

h6 {
	background-color: var(--color-rojo);
	padding: 5px; 
	color: white; 
	max-width: 48px;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 0.9em; 
	margin-top: 1.2em; 
}

#home h5 {
		text-align: right;
		margin-right: 40px; 
		margin-top: -25px; 
}

.quote p {
	font-size: 1.2em; 
	font-family: 'Lora', serif!important;
	font-style: italic;
	line-height: 1.5em; 
}

.cite p {
		font-size: 1em; 
		font-family: 'Montserrat', sans-serif!important;
		text-align: right;
}

#store-locator h4 {
	font-size: 1.4em;
}

#store-locator .fa {
	color: var(--color-azul);
}

#store-locator span {
	font-family: 'Open Sans', sans-serif!important;
	font-size: 0.8em; 
}

#store-locator p, #store-locator a {
	font-size: 1em; 
	margin-bottom: 3px!important;
}

.results {
	margin: 30px 0; 
}

.input-shop {
	border: 1px solid var(--color-azul)!important;
	padding: 10px; 
	font-family: 'Montserrat', sans-serif;
	color: var(--color-azul)!important;
	width: 100%; 
	margin-bottom: 15px; 
}

.result-shop {
	margin-top: 30px; 
}

.website-shop {
	text-decoration: underline;
	color: var(--color-azul);
	font-weight: 700;
		font-size: 1em; 
	font-family:'Open Sans', sans-serif!important;
}

.boton-azul {
	background-color: var(--color-azul);
	color: white!important; 
	font-family:  'Montserrat', sans-serif;
	font-size: 1.1em; 
	  font-weight: 400; 
	display: block;
	padding: 10px; 
	text-align: center;
	margin-top: 20px; 
	transition: all 0.5s;
  cursor: pointer;
}

.boton-rojo {
	background-color: var(--color-rojo);
	color: white; 
	font-family:  'Montserrat', sans-serif;
	font-size: 0.9em; 
	  font-weight: 400; 
	display: block;
	padding: 10px; 
	text-align: center;
	margin-top: 50px; 
	transition: all 0.5s;
  cursor: pointer;
}




.boton-azul span, .boton-rojo span  {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  color: white; 
}

.boton-azul span:after, .boton-rojo span:after  {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.boton-azul:hover {
	background-color: var(--color-rojo);
}

.boton-azul:hover span, .boton-rojo:hover span {
  padding-right: 25px;
  color: white; 

}

.boton-azul:hover span:after, .boton-rojo:hover span:after {
  opacity: 1;
  right: 0;
}

.container-blanco-medio h5 {
	margin-top: -30px!important; 
	margin-right: 65px!important; 
}

.sobre-img, .sobre-img-inv {
	position: absolute;
	top: 30px; 
	left: 40px; 
}

.sobre-img-inv {
	color: white; 
}

.logo-max {
	max-width: 300px;
	margin: 0 auto;
	display:block;
}

.bottle-img {
	max-width: 100px;  
	margin: auto;
	display:block;
	margin-bottom: 20px; 
	transition: all 0.5s;
}

.bottle-img-acclaim {
	max-width: 100px;  
	margin: auto;
	display:block;
	margin-bottom: 20px; 
	transition: all 0.5s;
	margin-top: 20px;
}

.bottle-img-max {
	max-width: 300px;  
	margin: 0 auto;
	display:block;
	margin-bottom: 20px; 
	transition: all 0.5s;
}



.bottle-img:hover {
	max-width: 105px; 
}

.relative {
	position: relative;
	margin-bottom: 30px; 
}


footer {
	background-color: black;
	min-height: 50px; 
	padding-top: 10px;
	padding-bottom: 10px; 
	margin-top: 3%; 
}


.redes-footer {

	margin: 0 auto; 
}


.redes-footer a {
	color: white; 
	font-size: 1.5em; 
 	margin: 0 15px; 
	float: left;
}

.redes-footer a:hover {
	color: var(--color-beige)!important;
}

@media only screen and (min-width: 995px) {
	.navbar-collapse {
	flex: none!important;
	clear: both!important;

}
}




@media only screen and (max-width: 1250px) {

.container-blanco-chico {
	top: 90px; 
}

 .container-blanco-medio {
	top: 110px; 
}



h2 {
	font-size: 2em; 
}

.container-blanco-medio h2 {
	max-width: 450px; 
}
}



@media only screen and (max-width: 1078px) {

.container-blanco-chico {
	top: 100px; 
}

.imagen-abajo {
	width: 100%; 
}

.imagen-abajo2 {
	width: 100%; 
}

.cuadro-verde, .cuadro-rojo  {
	width: 248px; 
	height: 95px; 
	padding: 5px 5px 20px 5px;
}



h3, #alwaysfriends h1 {
	font-size: 1.5em; 
}

h3 span , #alwaysfriends h1 span {
	font-size: 0.9em; 
}



.cuadro-verde h3, .cuadro-rojo h3 {
	margin-top: -15px;
	font-size: 1em; 

}


}

@media only screen and (max-width: 767px) {
  nav li {
 text-align: left!important;
 margin-left: 10px;
}



.cosito {
	margin-top: -20px; 
}



}


@media only screen and (max-width: 990px) {
.redes a {
	margin-right: 10px; 
}

}

@media only screen and (min-width: 700px) {
.mobile-img {
	display: none; 
}

.desktop-img {
	display: block;
}

#mountain-spirit .container-blanco-chico h2  {
	max-width: 400px; 
}

.container-blanco-chico h2  {
	max-width: 450px; 
}
}

@media only screen and (max-width: 800px) {
.container-blanco-chico {
	top: 200px; 
}

.container-blanco-medio {
	max-width: 500px; 
	top: 300px; 
}

.bajada p{
	font-size: 0.9em; 
	margin-top: 15px; 
}

.margen-bottom-tablet {
	margin-bottom: 200px; 
}

.bottle-img-max {
	max-width: 200px;  

}

.margin-800 {
	margin-top: 220px; 
}
}


@media only screen and (max-width: 699px) {

.desktop-img {
	display: none; 
}

.mobile-img {
	display: block; 
	margin:  0 auto;
	margin-top: 10px; 
}

.margen-top-min {
	margin-top: 20px!important; 
}

.margen-top {
	margin-top: 20px!important; 
}


.margen-bottom {
	margin-bottom: 200px; 
}


.margen-bottom-mobile {
	margin-bottom: 100px; 
}

.margen-bottom-mobile-min {
	margin-bottom: 20px; 
}



.logo-imagen {
	max-width: 200px;

}


#botellas-row  {
	margin-top: 50px!important;
}



.col-medio {
	margin: 25px 0!important ; 
}

header .city-spirit {
	margin-top: 50px; 
}

}

@media only screen and (max-width: 600px) {
.relative {
	margin-bottom: 0; 
}
.cuadro-verde {
	right: 15px; 

}
.cuadro-rojo {
	left: 15px; 
}



.container-blanco-chico, .container-blanco-medio {
	position: static;
	max-width: 100%; 
}



.margen-bottom {
	margin-bottom: 0px!important; 
}

.container-blanco, .container-blanco-chico, .container-blanco-medio {
	padding: 40px 15px; 
}

.bottle-img-max {
	max-width: 150px;  

}

.container-beige {
	margin: 20px 0; 
}

#wine-varietal .col-md-4 {
	margin-top: 20px; 
}

}


@media only screen and (max-width: 576px) {
.col-medio {
	width: 50%!important;
}

}

@media only screen and (max-width: 500px) {
.container-blanco-medio h5 {
	margin-top: -20px!important;
}

.boton-wel {
	width: 100%; 
	clear: both;
}

}

@media only screen and (max-width: 350px) {
.col-medio {
	width: 100%!important;
}

#alwaysfriends .cuadro-rojo, .cuadro-verde, .cuadro-rojo, #wines-section .cuadro-rojo {
	width: 100%; 
}



}



@media only screen and (min-width: 1200px) {
.carousel-item {
	height: 100%; 

}

.container-acclaim	{
	background-color: var(--color-beige);
	width: 830px;
	height: 370px;
	z-index: -1; 
	position: absolute;
	top: 1px; 
	right: 1px; 
}	

}

@media only screen and (max-width: 1199px) {

.friends-margen {
	display: none; 
}
.container-acclaim	{
	background-color: var(--color-beige);
	height: 370px;
	z-index: -1; 
	position: absolute;
	top: 1px; 
	right: 1px; 
	width: 800px;

}	

}



@media only screen and (max-width: 767px) {
.relative  {
	margin-bottom: 0;  

}
}

/* Separator About - Parallax Section */
.sep {
	background-attachment: fixed;
	background-position: 50% 0;
	background-repeat: no-repeat;
	position: relative;
}



.about {
	padding-top: 50px; 
	background-image: url(../img/home.jpg);
	height: 500px; 
	background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */

}

.winemaking {
	background-image: url(../img/winemaking.jpg);
}

@media only screen and (max-width: 900px) {

	.welcome {
		width: 100%; 
	}

		.sep {
	background-attachment: initial;
}

.about {
	background-image: url(../img/home-mobile.jpg);
	height: 400px; 
	background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

h1 {
	font-size: 2em; 
}
.bajada {

	width: 100%; 
}

.container-blanco {
	position: static;

}

.container-blanco-quote{
	position: static;
	max-width: 100%; 
}

.container-acclaim	{
	
	display: none; 

}

.row-derecha {
	margin-top: 20px; 
	background-color: var(--color-beige);
}

}



.container-fluid {
	max-width: 1300px!important; 
}



ul {
	list-style: none;
	margin-left: -40px; 
	font-size: 1em!important; 

}

li {
	font-family: 'Lora', serif;
}

.col-sm-9 {
	margin-top: 30px; 
}

hr {
	margin-top: 40px; 
	margin-bottom: 40px; 
}

.embed-responsive {
	margin-top: 50px; 
}


.ui-dialog .ui-dialog-buttonpane button {
	background-color: var(--color-verde)!important; 
	border: none;
	color: white; 
	font-family: 'Montserrat', sans-serif;
	padding: 5px 15px; 
}

#formulario {
	margin-top: 50px; 
	font-family: 'Montserrat', sans-serif;
	text-align: center;
}



#formulario input {
	font-family: 'Montserrat', sans-serif;
}

#formulario .btn-primary, #wines .btn-primary {
		background-color: var(--color-verde);
		border: none;
		border-radius: 0!important; 
}

#formulario .btn-primary:hover, #wines .btn-primary:hover {
		background-color: black;
		border: none;

}

.form-control {
	border-radius: 0!important; 
}

.relative-exp {
	position: relative;
	margin-top: 32px; 
}

.sobre-img-exp {
	position: absolute;
	bottom:   10px; 
	right:  40px; 
}

.fas {
color: white; }



/*FORMULARIO DE CONTACTO*/



*[class^="grupoDato"]{
  background: white;
  width: 80%;
  display: flex;
  flex-flow: column;
  margin: 15px 10%;
  padding: 0 0 10px 0;
  border-bottom: lightgray solid thin;
}
.grupoDatoX,.grupoDatoY,.grupoDatoZ{
  border: none;
}
*[class^="grupoDato"] input, *[class^="grupoDato"] select{
  line-height: 30px;
  height: 30px;
}
.grupoDato4 select{
  margin: 10px 0 0 0;
}

*[class^="grupoDato"] label{
  width: 100%;
  text-align: left;
  line-height: 30px;
  font-family:sans-serif;
  padding: 0 10px;
}
.grupoDato4 label{
  line-height: 25px;
}
.subGrupoDato{
  display: flex;
}
.subGrupoDato *{
  cursor: pointer;
}
.subGrupoDato label{
  font-size: .8rem;
}
.btnEnviar{
  display: flex;
  justify-content: right;
}
#formEnviar{
  border: none;
  width: 40%;
  line-height: 30px;
  background: lightblue;
  cursor: pointer;
}
#formEnviar:hover{
 background: lightsteelblue;
}

.grupoDatoY label{
  color: darkorange;
}


/*FORMULARIO DE CONTACTO CARTELES*/
*[class^="envio"],.aviso {
  line-height: 30px;
  font-size: .9rem;
  font-family:sans-serif;
}
.envioProceso{
  border: solid thin orangered;
  color: orangered;
}
.envioOk{
  border: solid thin green;
  color: green;
}
.envioEr{
  border: solid thin red;
  color: red;
}
.aviso{
  color: red;
}



.hover-effect {
		transition: all 0.5s;
}


.hover-effect:hover  {
      opacity:0.7;

    cursor: pointer;
}

#map {
  width: 100%;
  height: 100%;
  min-height: 700px;
}

.results{
  max-height: 600px;
  overflow-y: scroll;
}

.res-focus{
  background: #EEEEEE;
}

.ui-widget-overlay {
	background: #000000!important;
	opacity: .7!important;

}

.ui-widget-content {
	border: none!important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
     border-top-left-radius: 0!important; 
      border-bottom-left-radius: 0!important;  
       border-top-right-radius: 0!important; 
      border-bottom-right-radius: 0!important; 
}