body:after {
  background: #ffe45c;
  content: " MD ";
}
/****** CONTENT MD *****/
.btn-scroll {
  display: none;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 26, 2018, 11:11:52 AM
    Author     : mv
*/
/** based on bootstrap **/
/*@color-main			: #BD8647;
@color-bg			: #faf8f5;
@color-dark			: #261e1e;
@color-main-light	: rgb(251, 212, 131);
@color-text			: #4b2c11;
@color-text-light	: #cda664;
@color-dirt-brown	: #93733d;
@color-bg-gray		: #999;
@color-error		: #f05a5a;

@color-wine-tint		: #a33c23;
@color-wine-white		: #65859c;
@color-wine-bio			: #474625;
@color-wine-res-tint	: #2b391d;
@color-wine-res-white	: #5b1b13;

@dimen-header			: 128px;
@dimen-header-m			: 44px;
@dimen-footer			: 80px;
@dimen-spacer	: 8px;
@dimen-hero		: calc(~"100vh - @{dimen-header}");
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 27, 2018, 3:04:21 PM
    Author     : mv
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 26, 2018, 3:44:52 PM
    Author     : mv
*/
.visible-md {
  display: block;
}
.invisible-md {
  display: none;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.row > [class^="col-md"],
.row > [class*=" col-md"] {
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  min-height: 1px;
}
.row > .col-md-10 {
  width: 10%;
}
.row > .col-md-20 {
  width: 20%;
}
.row > .col-md-30 {
  width: 30%;
}
.row > .col-md-40 {
  width: 40%;
}
.row > .col-md-50 {
  width: 50%;
}
.row > .col-md-60 {
  width: 60%;
}
.row > .col-md-70 {
  width: 70%;
}
.row > .col-md-80 {
  width: 80%;
}
.row > .col-md-90 {
  width: 90%;
}
#press-title {
  display: none !important;
  top: 50%;
  margin-top: -250px;
  padding: 0 95px;
}
#press-title h2 {
  font-size: 37px;
}
.wine-social {
  top: 112px;
  padding: 0 95px;
}
#wine-girl {
  pointer-events: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 21;
  height: 90%;
  background: url(/images/bg-port.svg) no-repeat right bottom;
  background-size: contain;
  margin: 0 auto;
  max-width: 960px;
  opacity: .1;
}
@media only screen and (min-width: 1201px) {
  #wine-girl {
    max-width: 1024px;
  }
}
@media only screen and (min-width: 1601px) {
  #wine-girl {
    max-width: 1280px;
  }
}
body.fp-viewing-intro #wine-girl {
  display: none;
}
/*body.wine-detail{
	#main-header{
		position: fixed;
		z-index: 1;
		top: 0;
		left: 0;
		right: 0;
	}
	
	.bottle-main{
		top: @dimen-header;
		height: auto;
		bottom: 0;
		background-size: contain;
	}
	
	.slide-image h2{
		transform : none;
		opacity: 1;
	}
	
	
	#press-title{
		margin-top: -170px;
	}
	
	.wine-list .slide-specs .left{
		padding-top: 80px;
	}
	
	.wine-list .slide-press .left{
		padding-top: 180px;
	}
}*/
#wine-list .container {
  /*max-width: 960px;*/
  /*		background: url(/images/bg-port.svg) no-repeat right bottom;
		background-size: auto 80%;*/
  /*		.responsive-wider-than(1600px, {
			max-width: 1280px;
		});*/
}
@media only screen and (min-width: 1201px) {
  #wine-list .container {
    max-width: 1024px;
  }
}
.bottle-main {
  position: fixed;
  z-index: 20;
  opacity: 0;
  pointer-events: none;
  transition: opacity ease-in-out 500ms, transform ease-in-out 3000ms;
  background: no-repeat center;
  background-size: contain;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding-top: 88px;
}
.bottle-main .container {
  max-width: 1024px;
}
.bottle-main img {
  max-width: 290px;
  object-fit: contain;
  margin: 80px 0;
  height: calc(100% - 160px);
  transform: scale(0.9);
  transition: transform ease-in-out 3000ms;
}
.bottle-main .img-full-size {
  width: auto;
  object-fit: contain;
}
.bottle-main.active {
  opacity: 1;
}
.bottle-main.active img {
  transform: scale(1);
}
.wine-list {
  font-size: 16px;
  /*	.slide-specs{
		padding: 0 95px;
		
		.left{
			height: 500px;
			padding-top: 0;
		}
		
		.intro{
			padding-bottom: 16px;
			margin-bottom: 16px;
			border-bottom: solid 1px rgba(255,255,255,.5);
			
			p{
				margin: 0;
			}
		}
		
		.spec-col{
			width: 50%;
			float:left;
			font-size: 17px;
			font-weight: 300;
			border:0 !important;

			.icn{
				float:none;
			}

			h3{
				font-size: 20px;
				line-height: 34px;
				font-weight: normal;
				margin: 0 0 8px;
				padding: 0;
			}
			
			p{
				margin: 0;
			}
		}
	}*/
  /*	.slide-press{
		padding: 0 95px;
		
		.vm{
			position: relative;
		}
		
		.left{
			height: 500px;
			padding-top: 100px;
		}
		
		.social{
			top: 0;
			bottom: auto;
			left:16px;
			text-align: left;
			position: absolute;
			padding-top: 0;
		}
		
		h2{
			font-size: 37px;
		}
		
		p{
			font-size: 24px;
		}
		
		small{
			font-size: 14px;
		}
	}*/
}
.wine-list h3 {
  margin: 0 0 16px;
  font-size: 18px;
}
.wine-list table {
  width: 100%;
}
.wine-list td {
  padding-bottom: 32px;
  font-size: 16px;
}
.wine-list table p {
  margin: 0;
}
.wine-list hr {
  border-color: #fff;
}
.wine-list .icn-scroll {
  bottom: 40px;
}
.wine-list .left {
  width: 40%;
}
.wine-list .right {
  width: 60%;
  /*max-width: 470px;*/
}
.wine-list .right img {
  max-height: 100vh;
}
.wine-list .content {
  height: 100vh;
}
.wine-list .slide-image .vm {
  flex-direction: row;
  justify-content: center;
}
.wine-list .slide-image h2 {
  font-size: 52px;
  /*padding-left: 85px;*/
  padding-right: 0;
}
.wine-list .slide-image .slide-wine-anim {
  transform: translateY(250px);
  opacity: 0;
}
.wine-list .slide-image .slide-wine-anim.direction-up {
  transform: translateY(-250px);
}
.wine-list .slide-image .slide-wine-anim.direction-down {
  transform: translateY(250px);
}
.wine-list .slide-image .slide-wine-anim.active {
  transition: all ease-in-out 1000ms;
  opacity: 1;
  transform: translateY(0);
}
@media only screen and (max-height: 800px) {
  .wine-list {
    font-size: 16px;
  }
  .wine-list .slide-image h2 {
    font-size: 46px;
    margin-top: 0;
    margin-bottom: 16px;
  }
  .wine-list .slide-image h2 br {
    display: none;
  }
  .wine-list h3 {
    margin-bottom: 8px;
  }
  .wine-list td {
    font-size: 15px;
    padding-bottom: 16px;
  }
}
@media screen and (max-height: 1000px) {
  .bottle-main {
    /*background-size: auto 800px;*/
  }
  .wine-list .slide-specs .left {
    height: 400px;
    padding-top: 10px;
    padding-bottom: 0;
  }
  .wine-list .slide-specs .intro {
    font-size: 20px;
  }
  .wine-list .slide-press .left {
    height: 400px;
    padding-top: 110px;
  }
  #press-title {
    margin-top: -190px;
  }
}
@media screen and (max-height: 800px) {
  .bottle-main {
    /*background-size: auto 700px;*/
  }
  .wine-list .slide-specs .left {
    height: 400px;
    padding-top: 40px;
    padding-bottom: 0;
  }
  .wine-list .slide-specs .intro {
    font-size: 20px;
  }
  .wine-list .slide-press .left {
    height: 400px;
    padding-top: 150px;
  }
  #press-title {
    margin-top: -150px;
  }
}