html,
body,
header,
.jarallax {
	height: 100vh;
	width: 100%;
}

.card {
    border-radius: 0;
}

hr {
	width: 100%;
}

body {
	background-image: url("../img/bg.png");
}

.mask {
	height: 100%;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.carousel-item-next,
.active.carousel-item-right {
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
.carousel-item-prev,
.active.carousel-item-left {
	-webkit-transform: translate3d(0, +100%, 0);
	transform: translate3d(0, +100, 0);
}



.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
	padding-right: 5px;
	padding-left: 5px;
}
@media (max-width: 575px) {
	html,
	body,
	header,
	.jarallax {
		height: 91vh;
	}

	.card.card-image.diamond {
		height: 75vh;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}

	.card.card-image.platinum {
		height: 55vh;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}

	.card.card-image.gold {
		height: 35vh;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	html,
	body,
	header,
	.jarallax {
		height: 91vh;
	}

	.card.card-image.diamond {
		height: 75vh;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}

	.card.card-image.platinum {
		height: 55vh;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}

	.card.card-image.gold {
		height: 35vh;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	html,
	body,
	header,
	.jarallax {
		height: 91vh;
	}

	.card.card-image.diamond {
		height: 100vh;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}

	.card.card-image.platinum {
		height: 75vh;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}

	.card.card-image.gold {
		height: 55vh;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	html,
	body,
	header,
	.jarallax {
		height: 91vh;
	}

	.card.card-image.diamond {
		height: 75vh;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}

	.card.card-image.platinum {
		height: 75vh;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}

	.card.card-image.gold {
		height: 55vh;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
}

@media (min-width: 1200px) {
	html,
	body,
	header,
	.jarallax {
		height: 100vh;
	}

	.card.card-image.diamond {
		height: 100vh;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}

	.card.card-image.platinum {
		height: 75vh;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}

	.card.card-image.gold {
		height: 55vh;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
}

.new-box,
.back-box,
.promo-box,
.vina-box {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	height: 6rem;
	width: 6rem;
	text-align: center;
	z-index: 0;
}

.new-label,
.back-label,
.promo-label,
.vina-label {
	padding: 25px 0 5px;
	width: 130px;
	text-align: center;
	display: block;
	position: absolute;
	left: -45px;
	top: -9px;
	z-index: 1;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.new-label {
	background: rgba(76, 175, 80, 0.7);
}

.new-label:after {
	content: "Nueva";
}

.back-label {
	background: rgba(233, 30, 99, 0.7);
}

.back-label:after {
	content: "Volvió";
}

.promo-label {
	background: rgba(244, 67, 54, 0.7);
}

.promo-label:after {
	content: "Promoción";
}

.vina-label {
	background: rgba(244, 67, 55, 0.7);
}

.vina-label:after {
	content: "Vina del mar ";
}

.btn-data {
	padding: 0.64rem;
}

.btn-platinum {
	padding: 0.6rem 0.7rem;
	font-size: 0.64rem;
}

.btn-gold {
	padding: 0.5rem 0.6rem;
	font-size: 0.64rem;
}

.navbar {
	background-color: transparent;
	opacity: 0.9;
}

.scrolling-navbar {
	-webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
	-moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
	transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
}

.md-pills .nav-link.active {
	background-color: #c00 !important;
}

.spacing {
	letter-spacing: 3px;
}

.gold-border {
	border: 1px solid #d0af51;
	padding: 2px;
}

.gold-text {
	color: #d0af51 !important;
}

.galeria img {
	border-radius: 0;
	height: 300px;
}

.img-galeria {
	margin: 0 auto;
}

.carousel-multi-item .carousel-inner {
	padding-top: 0;
}

.carousel-multi-item {
	margin-bottom: 0;
}

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

@media (max-height: 992px){.side-nav .logo-wrapper,.side-nav .logo-wrapper a{height:120px}