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

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/

/* general */
.font-size-precios-mayoreo{
	font-size: .8rem;
}
.color-link-seccion-vinos{
	color: white;
	background: #000000;
}

.pull-right{
	text-align: right;
}

/* fin general */

/* nav */

.nav-pills{
	line-height: 80px;
}


.nav-pills .dropdown-item{
	line-height: 20px;
}

.nav-pills .dropdown-menu{
	padding: 0px;
}

.nav-pills .dropdown-item.active, 
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #000;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: transparent;
}
/* nav final */

/* footer */
#footer{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.footer-list li a{
	 color: #AAA;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 2px;
    font-weight: 300;
    font-size: 15px;

}

/* footer final */


/* menu */

.margin-left{
	margin-left: 55%;
}

/* fin menu */

/* galeria */

#content-gallery{
	padding-top: 0px;
}

/* fin galeria */

/* video section */

.video-section{
	top: 0px !important;
}


@media (max-width: 500px) {
	#video-container{
		position: relative !important;
	    top: 0px !important;
	    width: auto !important;
	    padding-top: 180px !important;
	    padding-bottom: 180px !important;
	    margin-top: 0px !important;
	}


	#section-testimonials{
		padding: 0px 0 !important;
	}

	#history-it-guilty{
		height: 500px !important;
	}

	#section-menu .heading-block{
		text-align: left;

	}
	#section-menu .margin-left{
		margin-left: 0px;
	}

	#google-map-1{
		display: none;
	}

	#video-instagram .video-placeholder{
		background-image: none !important;
	}

	#video-instagram .video-section{
		display: block !important;
	}

	#video-instagram{
		width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    position: relative !important;
	}

	.instagram-video #video-container{
	    position: relative !important;
	    top: 0px !important;
	    width: auto !important;
	    padding-top: 0px !important;
	    padding-bottom: 0px !important;
	    margin-top: 0px !important;
	}

	.tp-caption{
		font-size: 28px !important;
	}
}



/* end video section */


/* Map */

section#map{
	padding-top: 0px;
	padding-bottom: 0px;
}

.map {
	float:left;
	width:100%;
	position:relative;
	margin: 0px 0px 20px 0px;
    padding: 3px 0;
	background-position:left top, left bottom;
	background-repeat:repeat-x, repeat-x;
}

#map {
	height:526px;
	width:100%;
	display: block;
    margin: 0 auto;
	position:relative;
}

#map-pop {
	height:400px;
	width:100%;
	display: block;
    margin: 0 auto;
	position:relative;
}


.map .map-box {
	float:left;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}

.map .map-box .container{
	position:relative;
}

.map .map-box .map-detail {
	position:absolute;
	left:0;
	top:133px;
	padding:50px;
	z-index:99;
}

.map .map-box .map-detail:before {
	border: 5px solid #b59e5c;
    bottom: 10px;
    content: "";
    left: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 9999;
}

.map .map-box .map-detail ul {
	float:left;
	width:100%;
	margin:0;
}

.map .map-box .map-detail ul li {
	display:block;
	position:relative;
	padding:0 0 30px 52px;
	z-index:999999;	
}

.map .map-box .map-detail ul li:last-child {
	padding:0 0 0 52px;
}


.map .map-box .map-detail ul li h4 {
	font-family: 'Roboto Slab', serif;
	font-weight:400;
	font-size:16px;
	line-height:16px;
	text-transform:uppercase;
}

.map .map-box .map-detail ul li p {
	font-size:13px;
	line-height:20px;		
}


.map .map-box .map-detail ul li a {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:13px;
	line-height:20px;
	color:#5f5f5f;
	margin:0;
	padding:0;	
}


.map .map-box .map-detail ul li img {
	position:absolute;
	top:0;
	left:0;	
}

/* Map Fin */

/* Contacto */

@media (max-width: 400px) {
	#page-title.page-title-parallax h1 {
	    font-size: 30px;
	    font-weight: 600;
	    letter-spacing: 2px;
	}
}




/* Contacto Fin*/


#logo img{
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	-ms-transform: scale(.9);
	-o-transform: scale(.9);
	transform: scale(.9);
	height: 3.2em;
}

@media (max-width:1200px) {
	#primary-menu ul li > a {
		padding-left:5px;
		padding-right:5px;
	}
}
@media (min-width:1200px) {
	#primary-menu ul li > a {
		padding-left: 12px;
		padding-right: 12px;

	}
}

@media (max-width: 991px){

	.el-menu{
		background: rgb(255, 255, 255) !important;
	}
	.black{
		background-color:rgb(255, 255, 255);
	}
	.fixed{
		position: fixed;
	}
	#header .container-fluid{
		position: fixed;
		background:rgb(255, 255, 255);
	}

	.margin-top-20em{
		margin-top: 5em;
	}
	#header .container{
		width: 100%;
		max-width: none;
	}
	.before-image:before{
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		background-image: var(--imagen-section);
		background-position: right;
		background-size: cover;
		background-repeat:no-repeat;
		filter: opacity(.50);
	}
	.before-image-1:before{
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		background-image: var(--imagen-section);
		background-position: left;
		left:0;
		top: 0;
		background-size: cover;
		background-repeat:no-repeat;
		filter: opacity(.50);
	}

	.before-image-dis-1:before, .before-image-dis-2:before, .before-image-dis-3:before,.before-image-dis-4:before{
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		background-image: var(--imagen-section);
		background-repeat:no-repeat;
		filter: opacity(.35);
		background-size: cover;

	}

	.before-image-dis-1:before{
		background-position: right;

		background-image: var(--imagen-section);

	}

	.before-image-dis-2:before{
		background-position: right;

		background-image: var(--imagen-section);

	}

	.before-image-dis-3:before{
		background-position: left;

		background-image: var(--imagen-section);

	}

	.before-image-dis-4:before{
		background-position: right;

		background-image: var(--imagen-section);

	}

	.paralax-movil{
		display: none;
	}
	.margin-top-7em{
		margin-top: 5em;
	}


	.grilla-galeria-clientes{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(6, 1fr);
		align-items: center;
		justify-items: center;
	}

	.imagen-galeria-clientes{
		width: 70%;
	}

	.no-en-peque{
		display: none;
	}
	.masonry-thumbs img {
		width: 100%;
		border-radius: 10px 10px !important;
		padding: 2px 2px !important;
	}
}

@media (min-width: 991px){
	.solo-pxl{
		width: 60%;
		padding-top: .5em;

	}

	.solo-pxl2{
		width: 45%;
		padding-top: .5em;
		font-size: 1.5em;
	}

	.before-image:before{
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		background-image: var(--imagen-section);
		background-size: contain;
		background-repeat:no-repeat;
		top:0;
	}

	.before-image-1:before{
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		background-image: var(--imagen-section);
		background-size: contain;
		background-position: center;
		top: 0;
		left: 0;
		background-repeat:no-repeat;
	}

	.margin-bottom-5em{
		margin-bottom: 6em;
	}



	.grilla-galeria-clientes{
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: repeat(5, 1fr);
		align-items: center;
		justify-items: center;
	}

	.imagen-galeria-clientes{
		width: 60%;
	}
	.margintop--7{
		margin-top: -7em;
	}


	.before-image-dis-1:before, .before-image-dis-2:before, .before-image-dis-3:before,.before-image-dis-4:before{
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		background-repeat:no-repeat;
		background-size: auto;

	}

	.before-image-dis-1:before{
		background-position: center;
		background-image: var(--imagen-section);
		background-size:cover;
	}

	.before-image-dis-2:before{
			background-position: center;

		background-image: var(--imagen-section);

	}
	.before-image-dis-3:before{
		background-position: left;

		background-image: var(--imagen-section);

	}

	.before-image-dis-4:before{
		background-position: center;

		background-image: var(--imagen-section);

	}

	.before-image-index-1:before{
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		background-repeat:no-repeat;
		background-size: cover;
		background-position: center;
		background-image: var(--imagen-section);
	}


}


#primary-menu ul li > a, h1, h2, h3{
	font-family: 'Lora', serif !important;
}
h4, p{
	font-family: 'Open Sans', sans-serif !important;
}

.font-subtitulo{
	font-family: "Open Sans", sans-serif !important;
}

.quiero-ser-lora{
	font-family: 'Lora', serif !important;
}

.sin-margin-top{
	margin-top: 0;
}.sin-padding-top{
	padding:0;
}

 .colorlink{
	 color: #c62828;

 }

 .coloreee{
	 color: #EEEEEE !important;
 }


.margin-top--60{
	margin-top: -60px;
}

.copy{
	color: #b71b1c;
}

.margin-top--100{
	margin-top: -100px;
}
.footer-list li{
	padding-left:0;
}
.footer-list li a{
	padding-left:0;
}