@font-face {
    font-family: 'hiatusregular';
    src: url('../font/hiatus-webfont.eot');
    src: url('../font/hiatus-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/hiatus-webfont.woff2') format('woff2'),
         url('../font/hiatus-webfont.woff') format('woff'),
         url('../font/hiatus-webfont.ttf') format('truetype'),
         url('../font/hiatus-webfont.svg#hiatusregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Sticky footer styles
-------------------------------------------------- */

html {
  position: relative;
  min-height:100%;
}
body {
  margin-bottom: 110px;
  background:#f8f6f1;
  font-family: 'Lusitana', serif;
  font-size: 18px;
  line-height: 32px;
  color: #042a64;
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height:110px;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

#loader {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  display: block;
  height: 100%;
  min-height: 100%;
  z-index: 11000;
  background-color: #fefefe;
}
#loaderimg {
  position: relative;
  top: 50%;
  left: 50%;
  margin-bottom: -20px;
  margin-left: -25px;
}
#loaderimg > div {
  width: 49px;
  height: 40px;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotate;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  animation-name: rotate;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;

}
#loaderimg > div img {
  position: absolute;
  width: 49px;
  height: 40px;
}
@-webkit-keyframes rotate {
    from {-webkit-transform: rotateY(0deg); -webkit-transform-style: preserve-3d;}
    to {-webkit-transform: rotateY(360deg); -webkit-transform-style: preserve-3d;}
}

@-moz-keyframes rotate {
    from {-moz-transform: rotateY(0deg); -moz-transform-style: preserve-3d;}
    to {-moz-transform: rotateY(360deg); -moz-transform-style: preserve-3d;}
}
@keyframes rotate {
    from {transform: rotateY(0deg); transform-style: preserve-3d;}
    to {transform: rotateY(360deg); transform-style: preserve-3d;}
}

#main {
  padding-top: 65px;
  background:#f8f6f1;
}
#footer {
  padding-top: 10px;
  background: #042a64;
  -webkit-box-shadow: 0px -4px 8px 1px rgba(50, 50, 50, 0.1);
  -moz-box-shadow:    0px -4px 8px 1px rgba(50, 50, 50, 0.1);
  box-shadow:         0px -4px 8px 1px rgba(50, 50, 50, 0.1);
}
#footer p {
  font-size:11px;
  font-weight: 300;
  color:#f8f6f1;
  margin: 0;
  line-height: 20px;
}
#footer a {
  vertical-align: bottom;
  color: #FFF;
}

/* nav
-------------------------------------------------- */
.navigation-container {
  position:fixed;
  bottom:-170px;
  left:0px;
  z-index:9999;
  width:100%;
  max-height:170px;
  background:#fff;
  -webkit-transition: bottom 0.4s ease-in-out;
  -moz-transition: bottom 0.4s ease-in-out;
  -o-transition: bottom 0.4s ease-in-out;
  transition: bottom 0.4s ease-in-out;
  -webkit-box-shadow: 0px -4px 8px 1px rgba(50, 50, 50, 0.1);
  -moz-box-shadow:    0px -4px 8px 1px rgba(50, 50, 50, 0.1);
  box-shadow:         0px -4px 8px 1px rgba(50, 50, 50, 0.1);
}

.navigation-container.on {
  bottom: 0px !important;
}

.logo {
  display:inline-block;
  width:auto;
  height:166px;
  margin:0px auto 0px;
  padding-top:10px;
  padding-bottom:10px;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.menu-footer-container {
  width:400px;
  height:20px;
  display:inline-block;
  float:right;
}
ul#menu-footer {
  display:inline-block;
  float:right;
  height:20px;
  width:400px;
  padding-left:0px;
  font-family: 'Lusitana', serif;
}
ul#menu-footer li {
  display:inline-block;
  float:right;
  width:110px;
  text-align:right;
  padding-right:10px;
  height:170px;
}
ul#menu-footer li a {
  color:#042a64;
  text-transform:uppercase;
}
.menu-main_nav-container {
  max-height:170px;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
ul#menu-main_nav {
  text-align: left;
  display: inline;
  margin: 0;
  list-style: none;
  text-transform:uppercase;
  vertical-align: top;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;
}
ul#menu-main_nav * {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;
}
ul#menu-main_nav li {
  display: inline-block;
  position: relative;
  width:12%;
  text-align:center;
  font-family: 'Lusitana', serif;
  cursor: pointer;
  opacity:0;
  height:100%;
  line-height:195px;
  vertical-align: top;

  /*
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  */

  /*edited*/

}

  /* navigation transition */

ul#menu-main_nav li:nth-child(4) {
  transition-property: opacity;
  transition-duration: 0.6s;
  transition-delay: 0.4s;
}
ul#menu-main_nav li:nth-child(5) {
  transition-property: opacity;
  transition-duration: 0.6s;
  transition-delay: 0.45s;
}
ul#menu-main_nav li:nth-child(3) {
  transition-property: opacity;
  transition-duration: 0.6s;
  transition-delay: 0.45s;
}
ul#menu-main_nav li:nth-child(2) {
  transition-property: opacity;
  transition-duration: 0.6s;
  transition-delay: 0.55s;
}
ul#menu-main_nav li:nth-child(6) {
  transition-property: opacity;
  transition-duration: 0.6s;
  transition-delay: 0.55s;
}
ul#menu-main_nav li:nth-child(1) {
  transition-property: opacity;
  transition-duration: 0.6s;
  transition-delay: 0.65s;
}
ul#menu-main_nav li:nth-child(7) {
  transition-property: opacity;
  transition-duration: 0.6s;
  transition-delay: 0.65s;
}
ul#menu-main_nav li.run {
  opacity:1;
}

  /* end transition */

ul#menu-main_nav li:hover {
}
ul#menu-main_nav li:nth-child(4) {
  width:22%;
  line-height:0 !important;
  padding:0px 0px 5px;
  margin-right:20px;
  padding-top:0px;
}
ul#menu-main_nav li a {
  position:relative;
  color:#042a64;
  font-size: 14px;
  display: inline-block;
  line-height: 20px;
  vertical-align: middle;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  border-bottom: 1px solid #FFF;
}
ul#menu-main_nav li a span {
  font-family: 'hiatusregular', serif;
  display: block;
  font-weight: 400;
  font-size: 42px;
  text-transform: none;
}

ul#menu-main_nav li:hover > a {
  color:#a78637;
  border-bottom: 1px solid #a78637;
}
.head-meta {
  position:fixed;
  background:#fff;
  top:0px;
  width:100%;
  height:65px;
  z-index:999999;
  -webkit-box-shadow: 0px 4px 8px 1px rgba(50, 50, 50, 0.1);
  -moz-box-shadow:    0px 4px 8px 1px rgba(50, 50, 50, 0.1);
  box-shadow:         0px 4px 8px 1px rgba(50, 50, 50, 0.1);
}
.head-meta i {
  float:right;
  margin-right:6px;
  color:#ccc;
  line-height:20px;
  font-size:20px;
  color:#a78637;
}
.njicon {
  display: inline-block;
  padding-top: 10px;
}
.btn-container {
  text-align: right;
  float: right;
}
.mobi-btn {
  display:inline-block;
  text-align: right;
  width:55px;
  height:55px;
  line-height: 65px;
  vertical-align: middle;
  margin-top: 5px;
  padding: 10px;
  z-index:99999;
  background: #FFF;
  border:1px solid rgba(180,145,63,0.0);
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}
.mobi-btn:hover {
  cursor:pointer;
  background: #b4913f;
}
.mobi-btn:hover .bar {
  background: #FFF;
}
.bar {
  display:block;
  width:33px;
  min-height:6px;
  margin-top:5px;
  background: #b4913f;
  border-radius: 3px;
}
.bar:first-child {
  margin-top: 3px;
}

/*typography
=================================================*/
*, *:hover, *:active, *:focus { outline:none; }
h1,h2,h3,h4,h5,h6 {
  color:#08377f;
  font-family: 'Raleway', sans-serif;
  text-transform:uppercase;
  font-weight:300;
  /*text-shadow: 1px 1px 0px rgba(210, 173, 90, 1);*/
}
h1 {
  font-size: 42px;
  margin-top: 40px;
}
h2 {
  font-size: 36px;
}
h3 {
  font-size: 32px;
}
h4 {
  font-size: 26px;
}
h5 {
  font-size: 24px;
}
h6 {
  font-size: 18px;
}
p {
  color:#042a64;
  font-family: 'Lusitana', serif;
  font-weight:400;
}
span {
  color:#b4913f;
}
a {
  text-decoration:none;
  outline:none;
  color: #b4913f;
}
a:hover, a:active, a:focus {
  text-decoration:none;
  outline:none;
}
/* elementals
=================================================*/
.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.slant-top-down {
  height: 0;
  width: 0;
  border-color: #f8f6f1 transparent transparent;
  border-style: solid dashed solid solid;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.slant-bottom-up {
  height: 0;
  width: 0;
  border-color: transparent transparent #f8f6f1;
  border-style: solid dashed solid solid;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.paragraph-container:nth-child(odd) .slant-top-down {
  border-width: 50px 0px 0 100vw;
}
.paragraph-container:nth-child(even) .slant-top-down {
  border-width: 50px 100vw 0 0;
}
.paragraph-container:nth-child(odd) .slant-bottom-up {
  border-width: 0px 0px 50px 100vw;
}
.paragraph-container:nth-child(even) .slant-bottom-up {
  border-width: 0px 100vw 50px 0px;
}

/*wines archive
=================================================*/
.post-container img {
  margin:0 auto;
  width:auto;
  max-height:550px;
  opacity:0.9;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.post-container img:hover {
  opacity:1;
  cursor:pointer;
}

#packshot > div {
  padding-top: 40px;
  text-align: center;
}

#packshot img {
  height: 500px;
}

#singlewine table > tbody > tr > td {
  border-top: none;
}
.singletitle {
  text-align: center;
}
.singletitle h1 {
  margin-top: 10px;
}

i.fa {
  color: #a78637;
  font-size: 20px;
}

.reviews {
  margin: 20px 0 30px 0;
}

.rangeitm .reviews, .rangeitm i.fa {
  margin: 0;
  font-size: 14px;
  min-height: 28px;
}

.rangeitm a {
  display: block;
}
.rangeitm:first-child {
  padding-top: 30px;
}
.rangeitm:last-child {
  margin-bottom: 30px;
}
.rangeitm img {
  height: 24vh;
  display: inline-block;
  margin: 0 auto;
}
.rangeitm .rangetitle {
  position: relative;
  display: block;
  height: 24vh;
  top: 50%;
}
.rangerhs {
  min-height: 100%;
  height: 100vh;
}
.rangeitm p {
  font-size: 14px;
  line-height: 22px;
}

.range-blurb {
  position: relative;
  top: 40%;
  margin: 0 auto;
  background-color: #FFF;
  width: 70%;
  display: none;
  padding: 25px;
  opacity: 0.8;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}

.read-more {
  font-family: "Raleway", sans-serif;
  font-size: 12px;
  line-height:40px;
  text-transform: uppercase;
  border: 2px solid #b4913f;
  border-radius: 3px;
  width:140px;
  color:#FFF;
  text-align:center;
  margin-bottom:10px;
  background: #b4913f;
  display: inline-block;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}
.read-more:hover {
  color: #b4913f;
  background: #FFF;
}


/* breadcrumb
=================================================*/
p#breadcrumbs {
  display:inline-block;
  font-size:12px;
  font-weight: 400;
  line-height:65px;
  color:#042a64;
  font-family: 'Raleway', sans-serif;
  text-transform:uppercase;
  margin: 0;
}
p#breadcrumbs a {
  color:#a78637;
}
p#breadcrumbs span {
  color:#042a64;
}



/*slider
=================================================*/

#about-page-slider, #winemakers-page-slider {
  position:relative;
  top:0px;
  left:0px;
  width:100%;
  height:700px;
  max-width:100%;
  z-index:999;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#single-wine-slider {
  position:relative;
  top:0px;
  width:100%;
  max-width:100%;
  height:640px;
  height:100vh;
  padding-top:80px;
  z-index:999;
}
#range-slider {
  position:relative;
  top:0px;
  width:100%;
  max-width:100%;
  height:640px;
  padding-top:80px;
  z-index:999;
}
#dine-page-slider {
  position:absolute;
  top:0px;
  left:0px;
  bottom:0px;
  right:0px;
  width:100%;
  height:100%;
  max-width:100%;
  z-index:999;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.slider-container {
  position:relative;
}
.caption {
  position:absolute;
  bottom:25%;
  left:50%;
  margin-left:-22%;
  z-index:9999;
}
.caption h1 {
  font-size:66px;
  color:#fff;
  text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5);
}

.rsContent.contained {
}
.rsContent {
  width:100%;
  overflow:hidden;
}
.rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs {
  background:transparent;
}
.rsArrow {
  z-index:1000 !important;
}
.rsArrowIcn {
  background:rgba(255,255,255,0) !important;
  text-align:center;
  line-height:70px;
  font-size:70px;
  font-weight:100;
  text-shadow: 0px 1px 1px rgba(999, 999, 999, 0.6);
}
.rsArrowRight {
  right:44px !important;
}
.rsArrowLeft {
  left:44px !important;
}
.rsArrowRight .rsArrowIcn {
  left:25px;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  /* filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-1.5); */
}
.rsArrowLeft .rsArrowIcn {
  left:37px;
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  /* filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.5); */
}
.rsArrowWrap {
  position:absolute;
  top:50%;
  display:block;
  width:60px;
  height:60px;
  background: #b4913f;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.rsArrowWrap:hover {
  background: #FFF;
}
.rsArrowWrap:hover .rsArrowIcn {
  border-right:4px solid #b4913f;
  border-bottom:4px solid #b4913f;
}
.rsArrowIcn {
  margin-right:10px !important;
  width:30px !important;
  height:30px !important;
  border-right:4px solid #fff;
  border-bottom:4px solid #fff;
}
.rsFullscreenBtn {
  display:none !important;
}

.rsABlock {
  position: absolute;
  display: block;
  left:auto;
  top:auto;
  max-width:900px;
  z-index:1000 !important;
}
.top-left {
  left:20px;
  top:70px;
}
.bottom-right {
  right:20px;
  bottom:30px;
  /*text-shadow: 1px 1px #000000;*/
  font-size: 36px;
}
.bottom-right h2, .bottom-right h4 {
  text-align:right;
  color:#fff;
  text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5);
  font-weight: 700;
}

/*.rsABlock {
  position: absolute;
  display: block;
  left:auto;
  top:auto;
}*/
.rsABlock.wine {
  position: absolute;
  display: block;
  left:30%;
  top:auto;
  width:130px;
}
.rsABlock.wine.arc {
  width:300px;
  left:18%;
}
.rsABlock.wine img {
  width:100%;
  margin-top:80px;
  height:auto;
}
.wine-back {
  position:absolute;
  height:100%;
  width:50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index:999;
}
.wine-copy {
  text-align:left;
  position: relative;
  top:10%;
  left:200px;
  width: 65%;
  padding: 0 20px 0 20px;
  color:#a78637;
  font-family: 'Lusitana', serif;
}
.wine-copy img {
  float:right;
  margin-left:10px;
  margin-bottom:20px;
  height: 400px;
}
.wine-copy h2 {
  font-size:28px;
  text-transform:uppercase;
  color:#08377f;
}
.wine-copy p {
  text-align:left;
  font-family: 'Lusitana', serif;
  font-size:16px;
}
.top-left {
  left:10px;
  bottom:40px;
  color:#a78637;
  text-transform:uppercase;
  font-family: 'Lusitana', serif;
}



/* about
=================================================*/
.paragraph {
  padding-bottom:60px;
}
.videoWrapper {
  position: relative;
  padding-bottom: 44.7%;
  padding-top: 2.2%;
  height: 0;
  margin-bottom:80px;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* dine with us
=================================================*/
.restlogo {
  margin: 40px 0;
}
.restlogo img {
  display: block;
  margin: 0 auto;
}
.dish {
  margin-top: 30px;
  margin-bottom: 50px;
}

.dish:last-child {
  margin-bottom: 0;
}

.sides {
  text-align: center;
}
.side:first-child {
  margin-top: 30px;
}
.side {
  font-family: 'Raleway', sans-serif;
  font-size: 22px;
}
.dish p {
  font-size: 22px;
  font-weight: 400;
  font-family: 'Raleway', sans-serif;
}
.dish div {
  line-height: 26px;
}
.pricing {
  text-align: center;
}
.pricing h3 {
  display: block;
}
.price {
  font-family: 'Lusitana', serif;
  font-size: 20px;
  background-color: #b4913f;
  color: #FFF;
  border-radius: 50%;
  display: inline-block;
  margin-left: 5px;
  width: 70px;
  height: 70px;
  padding-top: 20px;
  text-align: center;
}

#dine-copy h4 {
  margin-top: 40px;
}

table.booking {
  width: 100%;
  margin-bottom: 20px;
}
table.booking tr td:first-child {
  text-align: right;
  padding-right: 15px;
  max-width: 80px;
}
table.booking tr {
  max-width: 740px;
}

/* blog
=================================================*/
.posts {
  padding-bottom:100px;
}

.posts h1 {
  text-align:left;
  margin-bottom:15px;
}
.posts img {
  margin-bottom:26px;
}
.more {
  float:right;
  display:inline-block;
  margin-top:15px;
  padding:0px 10px;
  line-height:36px;
  color:#b4913f;
  font-size:16px;
  border:1px solid #b4913f;
}
.more:hover, .more:active, .more:focus {
  color:#fff;
  background:#b4913f;
}

/* applied
=================================================*/
.pb80 {
  padding-bottom:80px;
}
.pt40 {
  padding-top:40px;
}
.row {}

/* transition classes */
.on {}
.run {}

/* parallax
=================================================*/
.paragraph-container {
  height:auto;
  display:block;
  padding:0px;
  background: #f8f6f1;
}
.parallax {
  height: 460px;
  width:100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% auto;
  position: relative;
}


/*contact
=================================================*/
.contact-container {
  height:auto;
  display:block;
  padding:0px;
}
.contact-container .parallax01 {
  height: 640px;
  width:100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% auto;
  position: relative;
}
#input-container {
  margin-top:10px;
  margin-bottom:10px;
  background:#f8f6f1;
}
.contact-container .slant-top-down {
  border-width: 50px 0px 0 100vw;
}
.contact-container .slant-bottom-up {
  border-width: 0px 0px 50px 100vw;
}

.contact-hero img {
  position:absolute;
}
.contact-details {
  padding:10px 0 0 0;
}
.contact-details ul {
  padding:0px;
}
.contact-details ul li {
  list-style:none;
  padding: 0;
  line-height:26px;
  font-family: 'Lusitana', serif;
  font-weight:400;
}
input#contactbtn, button {
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: 300;
  margin-top: 30px;
  text-align: center;
  transition: background 0.1s linear 0s, color 0.1s linear 0s;
  float:left;
  border: 0;
  background-color: #b4913f;
  color:#fff;
  padding: 10px;
}

input#contactbtn:hover, button:hover {
  background-color: #FFF;
  color: #999;
}

input {
  background-color: #FFF;
  height: 40px;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
textarea {
  margin-top: 10px;
  width:100%;
  height:140px;
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #FFF;
  resize:none;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
input.infocus, textarea.infocus {
  background-color: #b4913f;
  color: #FFF;
}

input:focus, textarea:focus, input:active, textarea:active {
  background:#fff;
  color:#444;
}
input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
  -moz-appearance: caret; /* mobile firefox too! */
  -webkit-appearance: none;
  border-radius: 0;
  height: 50px;
  line-height: 50px;
}

::-webkit-input-placeholder {
  color: #666;
  font-size: 12px;
}

:-moz-placeholder { /* Firefox 18- */
  color: #666;
  font-size: 12px;
}

::-moz-placeholder {  /* Firefox 19+ */
  color: #666;
  font-size: 12px;
}

:-ms-input-placeholder {
  color: #666;
  font-size: 12px;
}

/** map
 * ==============================================*/

.map-container01 {
  height:380px;
  width:100%;
  position: relative;
}









/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 767px) {

/* Styles
 * ===============================*/
html,body {
  font-size: 14px;
  line-height: 24px;
}
h1 {
  font-size: 26px;
  margin-top: 5px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 18px;
}
iframe {
  width: 280px;
}

#wrap {
  padding-bottom:20px;
}

.bar {
  display:block;
  width:100%;
  min-height:7px;
  margin-top:5px;
  background:rgba(180,145,63,0.9);
}
.navigation-container {
  position:fixed;
  width:100%;
  height:100%;
  max-height:100%;
  right:0px;
  top:-100%;
  background:#f8f6f1;
  -webkit-transition: top 0.35s ease-in-out;
  -moz-transition: top 0.35s ease-in-out;
  -o-transition: top 0.35s ease-in-out;
  transition: top 0.35s ease-in-out;
}
.navigation-container.on {
  top:0;
}
.mobi-btn {
  padding-top: 8px;
}
p#breadcrumbs {
  display: none;
}
.menu-main_nav-container {
  height:100%;
  max-height:100%;
}
ul#menu-main_nav {
  width:100%;
  padding-left:0px;
}
ul#menu-main_nav li {
  width:100%;
  line-height:32px;
}
ul#menu-main_nav li:nth-child(1) {
 margin-top:80px;
}

ul#menu-main_nav li:nth-child(4) {
  width:100%;
}
ul#menu-main_nav li a {
  font-size: 12px;
  border-bottom: 1px solid #f8f6f1;
}
ul#menu-main_nav li a span {
  font-size: 32px;
}
.head-meta {
  background:#fff;
}

/* copy
 * ===============================*/

.paragraph {
  padding-top:20px;
  padding-bottom:20px;
}
.pb80 {
  padding-bottom:20px;
}
.pt40 {
  padding-top:40px;
}

/* video
 * ===============================*/

.videoWrapper {
  margin-bottom:20px;
}

/* parallax
 * ===============================*/

.parallax {
  background-attachment:local;
  height:120px;
  position:static;
}
.contact-container .parallax01 {
  background-attachment:local;
  height:180px;
  position:static;
}
#input-container {
  margin-top:0px;
}
.slant-bottom-up {
  display:none;
}
.slant-top-down {
  display:none;
}


/* wine slider
 * ===============================*/

.rsContent {
  overflow-x:hidden;
  overflow-y:scroll;
}
.wine-copy {
  width:100%;
  right:0px;
  overflow-y:scroll;
  padding-bottom:20px;
}
.wine-copy h2 {
  text-align:center;
}
.rsABlock {
  position:static;
}
.rsABlock.wine {
  position:static;
  width:100%;
  max-height:380px;
}
.rsABlock.wine img {
  max-height:380px;
  width:auto;
  margin-left:36%;
}
.rsABlock.wine.arc img {
  max-height:380px;
  width:auto;
  margin-left:16%;
}

#footer p {
  font-size: 8px;
  line-height: 12px;
}

#footer img {
  height: 12px;
}

/* elements
 * ===============================*/
.vcenter {
  display: block;
  float: auto;
}


}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width: 320px) {
table.booking tr {
  max-width: 280px;
}
table.booking tr td:first-child {
  max-width: 80px;
}

}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width: 768px)
and (max-width: 1024px) {
h4 {
  font-size: 24px;
}
#main {
  padding-bottom:40px;
}

.bar {
  display:block;
  width:100%;
  min-height:7px;
  margin-top:5px;
  background:rgba(180,145,63,0.9);
}
/* Nav */
.mobi-btn {
  padding-top: 8px;
}
.navigation-container {
  position:fixed;
  width:100%;
  height:100%;
  max-height:100%;
  right:0px;
  top:-100%;
  /* background:rgba(255,255,255,1)!important; */
  background:#f8f6f1;
  -webkit-transition: top 0.35s ease-in-out;
  -moz-transition: top 0.35s ease-in-out;
  -o-transition: top 0.35s ease-in-out;
  transition: top 0.35s ease-in-out;
}
.navigation-container.on {
  top:0;
}
.menu-main_nav-container {
  height:100%;
  max-height:100%;
}
ul#menu-main_nav {
  width:100%;
  padding-left:0px;
}
ul#menu-main_nav li {
  width:100%;
  line-height:32px;
}
ul#menu-main_nav li:nth-child(4) {
  width:100%;
}
ul#menu-main_nav li a {
  border-bottom: 1px solid #f8f6f1;
}
ul#menu-main_nav li a {
  font-size: 22px;
  line-height: 30px;
}

.head-meta {
  background:#fff;
}

/* copy
 * ===============================*/

.paragraph {
  padding-top:40px;
  padding-bottom:40px;
}
.paragraph.pricing {
  padding-top: 0px;
}
.pb80 {
  padding-bottom:40px;
}
.pt40 {
  padding-top:40px;
}

/* video
 * ===============================*/

.videoWrapper {
  margin-bottom:20px;
}

/* parallax
 * ===============================*/

.parallax {
  background-attachment:local;
  height:300px;
  position:static;
}
.contact-container .parallax01 {
  background-attachment:local;
  height:280px;
  position:static;
}
#input-container {
  margin-top:0px;
}
.slant-bottom-up {
  display:none;
}
.slant-top-down {
  display:none;
}

/* about slider
 * ===============================*/
#about-page-slider {
  position:relative;
  height:450px;
  width:100%;
  overflow:hidden;
}

/* wine slider
 * ===============================*/

.wine-copy {
  top:30%;
  right:40px;
}
.wine-copy h2 {
  text-align:center;
}
.rsABlock {
}
.rsABlock.wine {
  top:13%;
  left:40px;
}
.rsABlock.wine img{
  max-height:650px;
  width:auto;
  margin-left:0px;
}


}

/* iPads (landscape) ----------- */
@media only screen
and (min-width: 768px)
and (max-width: 1024px)
and (orientation: landscape) {
/* Styles */


ul#menu-main_nav li {
  padding: 14px 0;
}
ul#menu-main_nav li:nth-child(1) {
 margin-top:65px;
}

/* wine-slider
 * ==============================================*/

.wine-copy {
  top:10%;
  right:10%;
}
.wine-copy.arc {
  width:480px;
  top:10%;
  right:10%;
}
.rsABlock.wine {
  top:8%;
  left:15%;
}
.rsABlock.wine.arc {
  top:8%;
  left:13%;
}
.rsABlock.wine img {
  max-height:500px;
}

}


/* iPads (portrait) ----------- */
@media only screen
and (min-width: 768px)
and (max-width: 1024px)
and (orientation: portrait) {
/* Styles */

ul#menu-main_nav li:nth-child(1) {
 margin-top:70px;
}

.wine-copy {
  width:300px;
  top:10%;
  right:13%;
}
.rsABlock.wine {
  top:8%;
  left:18%;
}
ul#menu-main_nav li {
  padding: 25px 0;
}
ul#menu-main_nav li:nth-child(4) {
  margin-top: 20px;
  margin-bottom: 40px;
}
ul#menu-main_nav li a span {
  font-size: 36px;
}


}

/* Large screens ----------- */
@media only screen
and (min-width: 1824px) {
  /* Styles */

#about-page-slider {
  height:780px;
}
.parallax {
  height:600px;
}
.contact-container .parallax01 {
  height:650px;
}

.paragraph-container:nth-child(odd) .slant-top-down {
  border-width: 50px 0px 0 100vw;
}
.paragraph-container:nth-child(even) .slant-top-down {
  border-width: 50px 100vw 0 0;
}
.paragraph-container:nth-child(odd) .slant-bottom-up {
  border-width: 0px 0px 50px 100vw;
}
.paragraph-container:nth-child(even) .slant-bottom-up {
  border-width: 0px 100vw 50px 0px;
}

}