/*---- Site load first ----*/
@font-face {
    font-family: 'markusscriptefop-regularRg';
    src: url('fonts/markusscriptefop-regular-webfont.eot');
    src: url('fonts/markusscriptefop-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/markusscriptefop-regular-webfont.woff') format('woff'),
         url('fonts/markusscriptefop-regular-webfont.ttf') format('truetype'),
         url('fonts/markusscriptefop-regular-webfont.svg#markusscriptefop-regularRg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AauxProOT-Regular';
    src: url('fonts/AauxProOT-Regular.eot?#iefix') format('embedded-opentype'),  
         url('fonts/AauxProOT-Regular.otf')  format('opentype'),
         url('fonts/AauxProOT-Regular.woff') format('woff'), 
         url('fonts/AauxProOT-Regular.ttf')  format('truetype'), 
         url('fonts/AauxProOT-Regular.svg#AauxProOT-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AauxProOT-Medium';
    src: url('fonts/AauxProOT-Medium.eot?#iefix') format('embedded-opentype'),  
         url('fonts/AauxProOT-Medium.otf')  format('opentype'),
         url('fonts/AauxProOT-Medium.woff') format('woff'), 
         url('fonts/AauxProOT-Medium.ttf')  format('truetype'), 
         url('fonts/AauxProOT-Medium.svg#AauxProOT-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AauxProOT-Bold';
    src: url('fonts/AauxProOT-Bold.eot?#iefix') format('embedded-opentype'),  
         url('fonts/AauxProOT-Bold.otf')  format('opentype'),
         url('fonts/AauxProOT-Bold.woff') format('woff'), 
         url('fonts/AauxProOT-Bold.ttf')  format('truetype'), 
         url('fonts/AauxProOT-Bold.svg#AauxProOT-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    margin: 0;
    color: #000;
    font-family: arial;
    font-weight: 400;
}
* ,
*::before ,
*::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
}
p {
    font-weight: 400;
    font-style: normal;    
}
article,
aside,
footer,
header,
menu,
nav,
section,
main {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
    vertical-align: baseline;
}
a {
    background-color: transparent;
    outline: none !important;
    text-decoration: none;
    -webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
    outline-width: 0;
}
mark {
    background-color: #ff0;
    color: #000;
}
button,
input {
    outline: none !important;
    box-shadow: none !important;
}
img {
    border: 0;
    width: auto;
    height: auto;
    display: block;
    font-size: 0;
}
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}
button {
    overflow: visible;
    -webkit-appearance: button;
    cursor: pointer;
}
button,
select {
    text-transform: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
} 
ul, ol{
    padding: 0;
    margin: 0;
    list-style: none;
}
.clearfix{
    clear: both;
}
.block {
    display: block !important;
}
.visible-xs{
    display: none !important;
}
.visible-sm-xs{
    display: none !important;
}
.v-main{
    display: table;
    width: 100%;
    height: 100%;
}
.v-align-middle,
.v-align-top,
.v-align-bottom {
    display: table-cell;
}
.v-align-middle {
    vertical-align: middle !important;
}
.v-align-top {
    vertical-align: top !important;
}
.v-align-bottom {
    vertical-align: bottom !important;
}
.video-div {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.bg-video {
    position: absolute;
    width: 120%;
    height: 120%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    pointer-events: none;
}
.hide {
    display: none !important;
}
/*------Form Elements-------*/

/*------Common Styles-------*/
.full-width,
.image-fullwidth {
    width: 100% !important;
}
.pull-left {
    float: left !important; 
}
.pull-right {
    float: right !important; 
}
.circle {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
}
.text-left {
    text-align: left !important;
}
.text-right {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}
/*------Common Styles-------*/
.container::before,
.container::after,
.row::before,
.row::after,
.footer::after,
.footer::before{
    display: table;
    clear: both;
    content: '';
}
.hide-desktop {
    display: none !important;
}   
.padding-bot0 {
    padding-bottom: 0 !important;
}
.border-bottom0{
    border-bottom: none !important;
}
.col-10 {
    width: 10%;
}
.col-15 {
    width: 15%;
}
.col-20 {
    width: 20%;
}
.col-25 {
    width: 25%;
}
.col-30 {
    width: 30%;
}
.col-28 {
    width: 28%;
}
.col-35 {
    width: 35%;
}
.col-40 {
    width: 40%;
}
.col-42 {
    width: 42%;
}
.col-50 {
    width: 50%;
}
.col-47 {
    width: 47%;
}
.col-53 {
    width: 53%;
}
.col-55 {
    width: 55%;
}
.col-56 {
    width: 56%;
}
.col-60 {
    width: 60%;
}
.col-63 {
    width: 63%;
}
.col-65 {
    width: 65%;
}
.col-70 {
    width: 70%;
}
.col-75 {
    width: 75%;
}
.col-80 {
    width: 80%;
}
.col-90 {
    width: 90%;
}
.col-100 {
    width: 100%;
}
.col-oneThird {
    width: 33.3333%;
}
.col-oneThird.mid {
    width: 33.3334%;
}
.col-twoThird {
    width: 66.6667%;
}
[class^="col-"] {
    float: left;
}
.relative {
    position: relative;
}
.hide-overflow {
    overflow: hidden;
}
.marginB0 {
    margin-bottom: 0 !important;
}

.media-body {
    width: 10000px;
}
.media-body, 
.media-left, 
.media-right {
    display: table-cell;
    vertical-align: top;
}
.media-left{
    padding-right: 15px;
}
/*-----------For Owl------------*/
.owl-next,
.owl-prev {
    position: absolute;
    bottom: 28px;
    width: 20px;
    height: 36px;
    background-color: transparent;
    background-size: contain !important;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -9999px;
    transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
    -ms-transition-duration: 300ms;
    z-index: 100;
}
.owl-next {
    background-image: url(../images/gtg/next-white.png);
    right: 30px;
    opacity: 1;
}
.theme-white .owl-next {
    background-image: url(../images/gtg/next-blue.png);    
}
.owl-prev {
    background-image: url(../images/gtg/prev-white.png);
    left: 30px;
    opacity: 1;
}
.theme-white .owl-prev {
    background-image: url(../images/gtg/prev-blue.png);    
}
.owl-next:after,
.owl-prev:after {
    content: '';
    width: 200%;
    height: 200%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.owl-dots {
    position: absolute;
    bottom: 40px;
    width: 100%;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.owl-dot {
    position: relative;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    margin: 0 12px;
}

.theme-white .owl-dot {
    background: #071d49;   
}
.owl-dot.active {
    background: #9c132d;
}
.noevents {
  pointer-events: none !important;
}

/*-----------For Owl------------*/

/*-----------Main Style, MH SEP 20------------*/
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 75px;
    background: #071d49;
    padding: 0 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 9999;
}
.content-v_centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;    
}
.logo {
    display: block;
}
.logo img {
    width: 146px;
}
.site-progress {
    width: 480px;
}
.site-progress ul {
    position: relative;
}
.site-progress li a {
    font-family: 'AauxProOT-Regular';
    font-weight: normal;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1em;
    text-align: center;
    margin: 0;
    color: #fff;
}
.site-progress_bar {
    height: 3px;
    background: rgba(255,255,255,1);
    position: relative;
}
.site-progress_track {
    width: 0;
    height: 100%;
    background: #9c132d;
    position: absolute;
    top: 0;
    left: 0;
}
.section-full {
    min-height: 100vh;
    position: relative;
    overflow: hidden;
}
.screenHeight {
    min-height: 100vh !important;
}
.bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}
.container {
    width: 1440px;
    margin: 0 auto;
    position: relative;
    z-index: 100;
}
.intro-copy {
    position: relative;
    text-align: center;
    padding-bottom: 65px;
}
.intro-copy h1 {
    font-size: 152px;
    line-height: .6em;
    color: #fff;
    font-family: "kepler-std";
    font-weight: 300;
    padding-top: 0.22em;

    text-shadow: 0 0 6px rgba(0,0,0,.5);
}
.intro-copy h1 span {
    font-size: .6em;
    position: relative;
    top: -.25em;
} 
.intro-copy p {
    font-size: 27px;
    line-height: 1.28em;
    color: #fff;
    text-shadow: 0 0 6px rgba(0,0,0,.5);
}
section {
    position: relative;
    background: #fff; 
    z-index: 100;   
}
.section {
    font-size: 15px;
}
p {
    font-size: 27px;
    line-height: 1.4em;
    color: #666;
    font-family: 'AauxProOT-Regular';
    font-weight: normal;
    letter-spacing: .01em;
}
p.lg {
    /*font-size: 2em;*/
}
h2 {
    font-size: 60px;
    font-family: "kepler-std";
    font-weight: 300;
    line-height: 1em;
    padding: .05em 0 .1em;
    color: #071d49;
}
h2.lg {
    font-size: 90px;
}
h2.mid {
    font-size: 68px;
}
h2 + .line {
    margin-top: 18px;
    margin-bottom: 26px;
}
h2.lg + .line {
    margin-bottom: 30px;
}
.line {
    width: 92px;
    height: 7px;
    background: #9c132d;
    margin-left: auto;
    margin-right: auto;
}
.intro-copy .line {
    margin-top: 24px;
    margin-bottom: 30px;
}

.discover {
    position: absolute;
    bottom: 10px;
    height: 115px;
    width: 100%;
    left: 0;
}
.width90 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.discover p {
    color: #fff;
    font-size: 15px;
    position: relative;
    text-align: center;
    letter-spacing: .03em;
    font-family: 'AauxProOT-Medium';    
    text-shadow: 0 0 6px #000;
}
.discover-arrow {
    position: relative;
    height: 74px;
    overflow: hidden;
    margin-top: 15px;
}
.discover-arrow span {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    background: url(../images/gtg/arrow-full.png?var=1) center bottom no-repeat;
    background-size: 12px auto;
    -webkit-animation: sdb05 1.5s infinite;
    animation: sdb05 1.5s infinite;
}

@-webkit-keyframes sdb05 {
    0% {
        opacity: 1;
    }
    90% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes sdb05 {
    0% {
        opacity: 1;
    }
    90% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/*
@keyframes sdb05 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-25px);
        transform: translateY(-25px);
        opacity: .5;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
*/

.section-white .container {
    padding: 70px 0;    
}
.section-white {
    background: #fff;
}
.section-white .container {
    max-width: 990px;
}
.section-center {
    text-align: center;
}
.section-left {
    text-align: left;
}
.section-video {
    overflow: hidden;
    position: relative;
}
.video-sizer {
    position: relative !important;
}
.video-fallback {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
}
.mapOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;    
}
.play-icon {
    width: 193px;
    height: 193px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(../images/gtg/play-icon.png) 0 0 no-repeat;
    background-size: contain;
    display: block;
}
.map-info_tab .play-icon {
    width: 170px;
    height: 170px;
}
.line.line-Left {
    margin-left: 0;
    margin-right: 0;
}
.section-step {
    width: 60px;
    height: 60px;
    border: 1px solid #071d49;
    border-radius: 50%;
    text-align: center;
    color: #071d49;
    font-size: 34px;
    line-height: 56px;
    font-family: "kepler-std";
    font-weight: 300;
    margin-bottom: 26px;
}
.container-lg.container {
    max-width: 1010px;
}
.v-mid-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 100;
}
.v-mid-text p {
    color: #fff;
}
.page-art {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    max-height: 100%;
    width: auto;
    pointer-events: none;
    z-index: -1;
}

.page-art.artmid {
    top: 50%;
    -webkit-transform: translate3d(-50%, -45%, 0);
    -ms-transform: translate3d(-50%, -45%, 0);
    transform: translate3d(-50%, -45%, 0);
}
.section-map {
    position: relative;
    overflow: hidden;
}
.section-map_full {
    height: 1000px;  
    min-height: 100vh;  
    position: relative;
}
.section-map_full .mapHolder {
    height: 100%;
    width: auto !important;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0 , 0) scale3d(1,1,1);
    -ms-transform: translate3d(-50%, 0 , 0) scale3d(1,1,1);
    transform: translate3d(-50%, 0 , 0) scale3d(1,1,1);
}
.map-info_tab {
    max-width: 700px;
    position: absolute;
    top: 80px;
    right: 0;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    background: #fff;
    padding-bottom: 45px;
    width: 48.6%;
}
.info-top {
    padding: 40px 50px;
}
.video-overlay {
    background: rgba(0,0,0,.20);
}
.grain-video,
.video-div,
.grain-video iframe {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
}


.history-of-grain {
    background: #071d49;
    overflow: hidden;
    position: relative;
}
.historyGrain1 {
    padding-top: 80px;
}
.history-of-grain .container ,
.section-inFull {
    min-height: 820px;
    position: relative;
}
.history-of-grain .history2 .container {
    min-height: 560px;
}

.history2 .container,
.history3 .container,
.history4 .container {
    padding-top: 0;
    padding-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;    
    -webkit-box-pack: end;    
    -ms-flex-pack: end;    
    justify-content: flex-end;
}
p sup {
    line-height: 0;
    font-size: .5em;
}
.history3 .container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.years-ago_one {
    margin-top: 100px;
}
.years-ago_one .container {
    padding-top: 100px;
    padding-bottom: 0;
}
.history-of-grain.harvest .container {
    min-height: 1px;
    height: auto;
}
.history-of-grain h2,
.history-of-grain p {
    color: #fff;
}
.history-of-grain p .bold {
    display: block;
    font-family: 'AauxProOT-Bold';
}
.history-of-grain p small {
    font-size: .7em;
    line-height: 1.4em;
    display: block;
    font-style: italic;
    margin: .7em 0 0;
}
.evolution-of_grain .container{
    padding-top: 215px;
}
.art-bgs {
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0,-50%, 0);
    -ms-transform: translate3d(0,-50%, 0);
    transform: translate3d(0,-50%, 0);
    max-width: 100%;
    pointer-events: none;
}

.art-bgs_right {
    right: 0;
}
.art-bgs_left {
    left: 0;
}


.container.container-exlg {
    max-width: 1170px;
}
h2 span {
    font-size: 24px;
    font-family: 'AauxProOT-Regular';
}



.custom-inner .container {
    min-height: 1px !important;
    text-align: center;
    padding-top: 95px;
    height: auto;
}
.custom-inner .container p {
    margin-bottom: 30px;
}

.leftVslider {
    position: absolute;
    left: 0;
    top: 0;
    height: 100vh;
    width: 18px;
    background: #fff;
    z-index: 99;
}
.leftVsliderInner {
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 100%;
    background: #91032e;
    -webkit-transition-duration: 1000ms;
    -o-transition-duration: 1000ms;
    transition-duration: 1000ms;
}

.no-float {
    float: none !important;
}
.harvest .section {
    margin-bottom: 0 !important;
}
.harvest .section:last-of-type {
    margin-bottom: 0;
}
.content-align {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.content-align_center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.content-align_top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}


.mashbills {
    position: relative;
    overflow: hidden;
}
.mashbills .leftVslider {
    background: #ebebeb;
    height: 100%;
}
.mashbills-contents {
    margin-top: 60px;
}
.pr-name {
    width: 320px;
    height: 320px;
    position: relative;
    text-align: center;
    background: #071d49;
    border-radius: 50%;
}
.pr-name::before {
    content: '';
    top: 9px;
    right: 9px;
    bottom: 9px;
    left: 9px;
    border: 1px solid #fff;
    position: absolute; 
    border-radius: 50%;
}
.pr-name span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 50px;
    line-height: 1.2em;
    color: #fff;
    font-family: "kepler-std";
    font-weight: 300;
    padding-top: .3em;
}

.pr-infos {
    font-size: 13px;
}
.pr-infos p {
    margin-top: 1.6em;
}
.pr-amounts,
.mashbill-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.mashbill-content {
    padding: 55px 0;
    position: relative;
}
.mashbill-content:last-of-type {
    margin-bottom: 0;
}
.mashbill-content::before,
.mashbill-content::after {
    content: '';
    position: absolute;
}
.mashbill-content::before {
    top: 0;
    left: 430px;
    width: 1px;
    height: 100%;
    background: #071d49;
}
.mashbill-content::after {
    top: 50%;
    left: 430px;
    width: 20px;
    height: 20px;
    margin-left: -9px;
    background: #fff;
    border: 1px solid #071d49;
    border-bottom: none;
    border-left: none;
    -webkit-transform: translate3d(0,-50%,0) rotate(45deg);
     -ms-transform: translate3d(0,-50%,0) rotate(45deg);
     -o-transform: translate3d(0,-50%,0) rotate(45deg);
     transform: translate3d(0,-50%,0) rotate(45deg); 
}
.pr-amount {
    font-size: 96px;
    line-height: .8em;
    font-family: "kepler-std";
    font-weight: 300;
    color: #9c132d;
    text-align: center;
    padding-top: .1em;
}
.pr-amount span {
    display: block;
    font-size: 24px;
    line-height: 1em;
    color: #333333;
    font-family: 'AauxProOT-Regular';
    font-weight: normal;
    padding-top: 4px;
}
.section-white.mashbills .container {
    padding-bottom: 80px;
}






.nextTasting {
    padding: 80px 0;
}

.counter-mainSection {
    max-width: 616px;
    margin: 62px auto 72px;
}
.counter-mainSection + .line {
    margin-bottom: 66px;
}

.time-counter { 
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.time-counter > div {
    text-align: center;
    position: relative;    
}
.time-counter .divider {
    width: 230px;
}
.time-counter span {
    text-transform: uppercase;
    font-family: "kepler-std";
    font-weight: 300;
    font-size: 129px;
    line-height: .6em;
    color: #071d49;
    display: block;
    padding-top: .1em;
    padding-bottom: .05em;
}
.time-counter .divider span:after {
    position: absolute;
    right: -7px;
    content: ':';
}
.time-counter .divider span:before {
    position: absolute;
    left: -7px;
    content: ':';
}




.signupBtn {
    text-align: center;
}
.btn {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border: none;
    font-family: 'AauxProOT-Medium';
    font-size: 25px;
    line-height: 32px;
    padding: 18px 50px;
    background: #8d112a;
    -webkit-transition: background 300ms;
    -o-transition: background 300ms;
    transition: background 300ms;
}
.btn span {
    display: inline-block;
    background: url(../images/gtg/right-arrow-white.png) calc(100% - 10px) center no-repeat;
    padding: 0 30px 0 12px;
    background-size: 12px auto;
    -webkit-transition: background 300ms;
    -o-transition: background 300ms;
    transition: background 300ms;
}
.computer .btn:hover span {
    -ms-background-position-x: calc(100% - 0px);
    background-position-x: calc(100% - 0px);
}
.computer .btn:hover {
    background: #bc223f;
}
p.red {
    color: #9c132d;
}
.signupBtn {
    padding: 60px 0 70px;
    border-bottom: 6px solid #9c132d;
    margin-bottom: 60px;
    
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.social-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 48px;
}
.social-share p {
    color: #9c132d;
    line-height: 26px;
}
.social-share a {
    margin-left: 28px;
}
.computer .social-share a:hover {
    -webkit-filter: brightness(80%);
    filter: brightness(80%);
}
.gBlog h5{
    font-size: 1.875em;
    line-height: 1em;
    font-family: "kepler-std";
    font-weight: 300;
    color: #071d49;
    margin-bottom: 25px;
}
.gBlog h6{
    font-size: 2.375em;
    line-height: 1.15em;
    font-family: "kepler-std";
    font-weight: 300;
    color: #071d49;
    margin-bottom: 22px;
}
.gBlog .row .col-50:first-child{
    padding-right: 14px;
}
.gBlog .row .col-50:last-child{
    padding-left: 14px;
}
.gBlog .row {
    padding-top: 36px;
}



.agingFactors {
    padding: 100px 0 0;
    position: relative;
}
.agingFactors .container {
    min-height: 1px !important;
    height: auto !important;
}
.lgnumber {
    font-size: 245px;
    line-height: .8em;
    font-family: "kepler-std";
    font-weight: 300;
    color: #fff;
    padding-top: .07em;
    margin-bottom: .02em;
}
.agingFactors .line {
    margin-top: 40px;
    margin-bottom: 46px;
}

.aging-timeline {
    margin-top: 94px;
    padding: 220px 0 172px;
    position: relative;
}
.aging-timeline::before,
.aging-timeline::after {
    position: absolute;
    content: '';
    z-index: 111;
    left: 50%;
}
.aging-timeline::before {
    height: 100%;
    margin-left: -1px;
    width: 2px;
    background: #9c132d;
    top: 0;
}
.aging-timeline::after {
    top: -13px;
    margin-left: -7px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 3px solid #9c132d;
}
.timeline-content {
    width: 50%;
    position: relative;
    margin: 0 0 90px;
}
.timeline-content:nth-child(2n) {
    left: 50%;
}
.timeline-content:last-of-type {
    margin-bottom: 0;
}
.timeline-content h4 {
    font-size: 2.25em;
    line-height: 1em;
    color: #fff;
    font-family: 'AauxProOT-Regular';
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: .4em;
}
.timeline-content p {
    font-size: 1.5em;
    line-height: 1.58em;
}
.tl-copies {
    padding: 0 65px 60px;
    text-align: right;
}
.nested .tl-copies {
    position: absolute;
    bottom: 100%;
    left: 0;
}
.tl-right .tl-copies {
    text-align: left;
}


.lowZ {
    z-index: 1;
}
.overlay-touch {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
}









.footer {
    background: #061d49;
    padding: 5px 54px;
    z-index: 100;
    position: relative;
}

.footer-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100px;
}
.backtomain {
    font-size: 16px;
    line-height: 1em;
    font-family: 'AauxProOT-Regular';
    font-weight: normal;
    text-transform: uppercase;
    color: rgba(255,255,255,.5);
    display: block;
    padding-top: 0;
    letter-spacing: .04em;
}
.footer-contents ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;   
    margin-top: 20px;  
}
.footer-contents ul li a {
    display: block;
    opacity: .5;    
}
.computer .footer-contents ul li a:hover {
    opacity: 1;    
}
.footer-contents ul li {
    margin-right: 34px;
}
.footer-contents ul li img {
    width: 24px;
}
.computer .footer-contents a:hover {
    color: rgba(255,255,255,1);
}

.trail {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.trail svg {
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.mapMainImg {
    opacity: 0;
}
.grain-video a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.timeline-content .grain-video {
    pointer-events: none;
}
.mobCarousel {
    display: block !important;
}

.backtotop {
    position: fixed;
    right: 54px;
    bottom: 110px;
    z-index: 9999;
    background: none;
    width: 48px;
    padding: 0 0 2px;
    border: none;
    font-size: 16px;
    font-family: 'AauxProOT-Bold';
    text-transform: uppercase;
    color: #fff;
    background: #071d49;
    letter-spacing: .05em;
    transition: opacity 500ms;
}
.invisible {
    opacity: 0;
    pointer-events: none;
}
.backtotop span {
    display: block;
    height: 24px;
    background: url(../images/gtg/to-top.svg) 50% 100% no-repeat;
    background-size: auto 55%;
    animation: sdb06 1500ms infinite;
    -webkit-animation: sdb06 1500ms infinite;
}
@-webkit-keyframes sdb06 {
    0% {
        background-position: 50% 30%;
        opacity: .45;
    }
    50% {
        background-position: 50% 90%;
        opacity: .95;
    }
    100% {
        background-position: 50% 30%;
        opacity: .45;
    }
}
@keyframes sdb06 {
    0% {
        background-position: 50% 30%;
        opacity: .45;
    }
    50% {
        background-position: 50% 90%;
        opacity: .95;
    }
    100% {
        background-position: 50% 30%;
        opacity: .45;
    }
}


.owl-content {
    color: #fff;
    text-align: right;
    opacity: .5;
    padding-top: 1px;
}
.owl-content a {
    opacity: .8;
    float: right;
    padding-left: 15px;
    margin-left: 15px;
    border-left: 1px solid rgba(255,255,255,.8);
}
.owl-content a img {
    width: 75px;
}
.owl-content p {
    font-size: 16px;
    line-height: 1.3em;
    font-family: 'AauxProOT-Regular';
    font-weight: normal;
    float: right;
    margin-top: -1px;
    color: rgba(255,255,255,.5);
}


/* Tasting Journal update sep 2019*/
.tastingJourneyBlue.tastingJourney {
    background: #071d49;
    border-top: 1px solid #fff;
}
.tastingJourneyBlue.tastingJourney p,
.tastingJourneyBlue.tastingJourney h2 {
    color: #fff;
}
.section.selectingSeed .container {
    max-width: 1180px;
}
img.valign-img {
    position: absolute;
    top: 98px;
    height: 754px;
    left: 0;
}
.selectingSeed table {
    width: 75%;
    max-width: 100%;
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse;
    margin-top: 50px;
}
.selectingSeed table th,
.selectingSeed table td {
    vertical-align: middle;
    border: none;
    font-size: 18px;
    line-height: 1.375em;
    color: #666;
    font-family: 'AauxProOT-Regular';
    font-weight: normal;
    letter-spacing: .01em;   
    text-align: center; 
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.selectingSeed table th {
    font-family: 'AauxProOT-Bold';
    color: #051d47;
    font-size: 20px;
    padding: 8px;
    border-bottom: 1px solid #7a869d !important;
    text-transform: uppercase;
}
.selectingSeed table td {
    padding: 12px;
}
.selectingSeed table th:first-child {
    border-bottom: 1px solid #051d47 !important;
    border-right: none;
}
.selectingSeed table td:first-child {
    right: none;
    border-bottom: 1px solid #7a869d;
    background: #051d47;
    color: #fff;
    font-size: 22px;
    font-family: 'AauxProOT-Bold';
    text-transform: uppercase;
}

.selectingSeed table th:last-child,
.selectingSeed table td:last-child {
    border-right: none;
}

.selectingSeed table tr:last-child td {
    border-bottom: none !important;
}


.glassMasterPost.gBlog {
    padding-top: 60px;
}
#nextTesting .container:first-child h2 {
    text-align: center;
}
#nextTesting .container:first-child {    
    padding-bottom: 25px;
}

.glassMasterPost.gBlog img {
    margin-bottom: 40px;
}
.glassMasterPost.gBlog p {
    margin-bottom: 40px;
}
.glassMasterPost.gBlog h6 {
    margin-bottom: 10px;
}
.glassMasterPost.gBlog .customCopy {
    font-family: 'markusscriptefop-regularRg';
    color: #071d49;
    font-size: 30px;
    margin-bottom: 45px;
}
.tableCarousel.mobCarousel {
    width: 0;
    height: 0;
    overflow: hidden;
}
/* Tasting Journal update sep 2019*/







.history-of-grain.harvest {
    padding: 0;
}
.commonLock {
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 969px;
    min-height: 100vh;
}

.commonLock.centerLock {
    height: 100vh;
    min-height: 814px;
}
.commonLock.centerLock .section-lock {
    top: 0;
    height: 100vh;
    min-height: 814px;
    padding-top: 85px;
    padding-bottom: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.centerLock .content-align h2 {
    margin-top: -12px;
}



.special-img_cnt {
    position: relative;
    height: 604px;
}
.special-img_cnt img,
.special-img_cnt .section-video {
    position: absolute;
    top: 0;
    left: 0;
    width: auto !important;
    height: 100%;
}
.scrlNode {
    height: 70vh;
}
.scrlNode2 {
    height: 50vh;
}


.scrlNode.scrlNodeFirst {
    margin-top: 35vh;
}
.special-ex {
    position: absolute !important;
    top: 120px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.section-lock.section-relative {
    position: relative;
    top: auto;
    left: auto;
    padding-top: 130px;
    padding-bottom: 130px;
}
.section-lock {
    position: absolute;
    top: 130px;
    left: 0;
    width: 100%;
    transition: opacity 500ms ease-out;
    -webkit-transition: opacity 500ms ease-out;
    -ms-transition: opacity 500ms ease-out;
}
.outView,
.outView.inView.exiting {
    opacity: 0;
    pointer-events: none;
}
.outView.inView {
    opacity: 1;
    pointer-events: auto;
}
.titleFix p {
    padding-top: 232px;
}
.mashbills .mashbillContainer .container {
    padding-top: 105px;
}
.mashbillContainer {
    position: relative;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.mashbill-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 500ms ease-out;
    -webkit-transition: opacity 500ms ease-out;
    -ms-transition: opacity 500ms ease-out;
}
.mashbill-content.mashbillFirst {
    position: relative;
}

.mashHide {
    opacity: 0;
    transition: opacity 500ms ease-out 0ms;
    -webkit-transition: opacity 500ms ease-out 0ms;
    -ms-transition: opacity 500ms ease-out ms;
}
.mashHide:nth-child(2) {
    -webkit-transition-delay: 400ms;
    -m-transition-delay: 400ms;
    transition-delay: 400ms;
}
.mashHide:nth-child(3) {
    -webkit-transition-delay: 700ms;
    -m-transition-delay: 700ms;
    transition-delay: 700ms;
}
.inView .mashHide,
.numShow .mashHide {
    opacity: 1;
}

.section-distillation .container,
.section-farmers .container,
.section-grain .container{
    min-height: 830px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.source-container {
    color: #fff;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0;
    bottom: 72px;
    font-size: 14px;
    font-family: 'AauxProOT-Regular';
    text-align: left !important;
    letter-spacing: .05em;
}
.source-container a {
    color: #fff;
    text-decoration: underline;
}
.computer .source-container a:hover {
    text-decoration: none;
}

.map-info_tab .zoomingVideo .grain-video {
    min-height: 101%;
    min-width: 101%;
    bottom: 0;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.zoomingVideo .video-sizer {
    z-index: 200;
    opacity: 1;
    visibility: visible;
    transition: 500ms ease-in-out 700ms;
}
.zoomingVideo .video-sizer.lowZ {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}
.zoomingVideo .overlay-touch {
    height: calc( 100% - 100px);
    top: 0;
    bottom: auto;
}
.unmute {
    position: absolute;
    right: 10px;
    top: 100px;
    border: none;
    background: #fff;
    color: #8d112a;
    font-size: 16px;
    opacity: 0;
    transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
    padding: 8px 12px 6px;
    box-shadow: 0 0 15px rgba(0,0,0,.75) !important;
}
.zoom2 .unmute,
.zoom3 .unmute {
    right: 10px;
    top: 10px;
}
.unmute span span {
    background:url(../images/gtg/audio.png) right center no-repeat;
    background-size: auto 18px;
    padding: 0 24px 0 0;
}
.unmute.mute {
    opacity: 1;
}
.time-counter h6 {
    font-size: 24px;
    font-family: "kepler-std";
    font-weight: 400;
    color: #8d112a;
    margin: 12px 0 0;
    line-height: 1;
}
.mapSticky1,
.mapSticky2,
.mapSticky3,
.mapSticky4,
.mapSticky5,
.screenLockOne,
.screenLockTwo,
.screenLockThree,
.screeLockFour {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}





    @media screen and (min-width: 1925px) {
        .mapHasTrail.section-map_full .mapHolder {
            height: 100%;
            width: auto !important;
            margin: 0 auto;
            position: absolute;
        } 
    }
    @media screen and (max-width: 1680px) and (min-width: 1440px) {
        .section-map_full {
            height: 830px;
        }   
        .info-top {
            padding: 35px 40px;
        } 
        .map-info_tab {
            padding-bottom: 40px;
            max-width: 610px;
            font-size: 15px;
        } 
        .map-info_tab h2 {
            font-size: 52px;
        }
        .map-info_tab h2 + .line {
            margin-top: 15px;
            margin-bottom: 21px;
        }                   
    }
    @media screen and (min-width: 1440px) and (max-height: 780px) {
        .map-info_tab {
            padding-bottom: 30px;
            max-width: 570px;
        }    
        .info-top {
            padding: 25px 30px;
        }   
        .map-info_tab p {
            font-size: 26px;
        }     
        .special-img_cnt {
            height: 500px;
        }   
        .commonLock.centerLock .section-lock {
            min-height: 750px;
        }         
    }
/*---- Resize PSD to 1200res for 1439-1180 res ----*/
    @media screen and (max-width: 1439px) {
    .header {
        height: 60px;
        padding: 0 46px;
    }        
    .site-progress {
        width: 400px;
    }
    .intro-copy h1 {
        font-size: 127px;
    }
    .section-map_full {
        height: 820px;
    }    
    .section {
        font-size: 12px;
    }
    .intro-copy p {
        font-size: 22px;
        line-height: 1.36em;
    }  
    p {
        font-size: 22px;
        line-height: 1.4em;
    }      
    .line {
        width: 80px;
        height: 6px;
    }
    .intro-copy .line {
        margin-top: 15px;
        margin-bottom: 21px;
    }
    .discover {
        height: 84px;
        bottom: 20px;
    }
    .discover p {
        font-size: 13px;
    }
    .discover-arrow {
        height: 58px;
        margin-top: 10px;
    }
    .section-white .container {
        max-width: 825px;
        padding: 58px 0;
    }
    h2 {
        font-size: 50px;
    }
    h2 + .line {
        margin-top: 15px;
        margin-bottom: 21px;
    }
    h2.lg {
        font-size: 75px;
    }
    h2.lg + .line {
        margin-bottom: 27px;
    }
    .section-step {
        width: 50px;
        height: 50px;
        font-size: 28px;
        line-height: 47px;
        margin-bottom: 21px;
    }
    h2.mid {
        font-size: 54px;
    }
    .container-lg.container {
        max-width: 842px;
    }
    .historyGrain1 {
        padding-top: 50px;
    }
    .evolution-of_grain .container {
        padding-top: 175px;
    }
    .container.container-exlg {
        max-width: 975px;
    }
    .history-of-grain .container, 
    .section-inFull ,
    .history-of-grain .container.lastSmall, 
    .lastSmall .section-inFull {
        min-height: 650px;
    }  
    .history-of-grain .history2 .container {
        min-height: 466px;
    }
    .years-ago_one {
        margin-top: 0;
    }    
    .years-ago_one .container {
        padding-top: 80px;
    }    
    .width90 {
        max-width: 90%;
    }  
    .art-bgs {
        max-width: 90%;
    }  
    .page-art {
        width: 1180px;
    }  
    .play-icon {
        width: 160px;
        height: 160px;
    }
    .history-of-grain.harvest {
        /*padding: 155px 0;*/
    }
    .harvest .section {
        margin-bottom: 66px;
    }
    .pr-name {
        width: 266px;
        height: 266px;
    }
    .pr-name span {
        font-size: 40px;
    }
    .mashbill-content::before,
    .mashbill-content::after {
        left: 352px;
    }
    .pr-infos {
        font-size: 11px;
    }
    .pr-amount {
        font-size: 80px;
    }
    .pr-amount span {
        font-size: 20px;
        padding-top: 3px;
        padding-bottom: 4px;
    }
    .mashbill-content {
        padding: 46px 0;
    }
    .agingFactors {
        padding: 120px 0 0;
    }
    .lgnumber {
        font-size: 204px;
    }
    .agingFactors .line {
        margin-top: 33px;
        margin-bottom: 38px;
    }
    .aging-timeline {
        margin-top: 78px;
        padding: 184px 0 142px;
    }
    .tl-copies {
        padding: 0 54px 50px;
    }
    .timeline-content {
        margin: 0 0 75px;
    }
    .counter-mainSection {
        max-width: 510px;
        margin: 52px auto 60px;
    }
    .time-counter span {
        font-size: 107px;
    }
    .counter-mainSection + .line {
        margin-bottom: 52px;
    }
    .signupBtn {
        padding: 52px 0 60px;
        border-bottom: 5px solid #9c132d;
        margin-bottom: 52px;
    }
    .social-share {
        margin-bottom: 42px;
    }    
    .btn {
        font-size: 21px;
        line-height: 24px;
        padding: 18px 34px;
    }

    .time-counter .divider {
        width: 185px;
    }
    .time-counter .divider span:after {
        right: -10px;
    }
    .time-counter .divider span:before {
        left: -10px;
    }
    .footer {
        padding: 5px 38px;
    }  
    .footer-contents {
        height: 76px;
    }
    .backtomain {
        font-size: 15px;
    }    
    .footer-contents ul li img {
        width: 18px;
    }
    .footer-contents ul {
        margin-top: 15px;
    }
    .footer-contents ul li {
        margin-right: 24px;
    }

    .backtotop {
        right: 38px;
        bottom: 86px;
        width: 42px;
        padding: 0 0 2px;
        font-size: 14px;
    }
    .backtotop span {
        height: 20px;
    }
    .owl-content a {
        padding-left: 10px;
        margin-left: 10px;
    }   
    .owl-content a img {
        width: 60px;
    }   
    .owl-content p {
        font-size: 14px;
        line-height: 1.2em;
    }
    .special-img_cnt {
        height: 430px;
    }    
    .titleFix p {
        padding-top: 188px;
    }    


    .commonLock.centerLock {
        min-height: 550px;
    }
    .commonLock.centerLock .section-lock {
        min-height: 550px;
        padding-top: 75px;
        padding-bottom: 45px;
    }
    .mashbills-contents {
        margin-top: 45px;
    }    
    .mashbills .mashbillContainer .container {
        padding-top: 80px;
    }    

    .section-distillation .container,
    .section-farmers .container,
    .section-grain .container{
        min-height: 580px;
    }    
    .time-counter h6 {
        font-size: 22px;
        margin: 8px 0 0;
    }    

/* Tasting Journal update sep 2019*/
.section.selectingSeed .container {
    max-width: 967px;
}
img.valign-img {
    top: 81px;
    height: 618px;
}
.selectingSeed table {
    margin-top: 41px;
}
.selectingSeed table th,
.selectingSeed table td {
    font-size: 15px;
}

.selectingSeed table th {
    font-size: 17px;
    padding: 7px;
}
.selectingSeed table td {
    padding: 10px;
}
.selectingSeed table td:first-child {
    font-size: 19px;
}
.glassMasterPost.gBlog {
    padding-top: 50px;
}
#nextTesting .container:first-child {    
    padding-bottom: 21px;
}

.glassMasterPost.gBlog img {
    margin-bottom: 33px;
}
.glassMasterPost.gBlog p {
    margin-bottom: 33px;
}
.glassMasterPost.gBlog h6 {
    margin-bottom: 9px;
}
.glassMasterPost.gBlog .customCopy {
    font-size: 25px;
    margin-bottom: 38px;
}
/* Tasting Journal update sep 2019*/       

}
@media screen and (max-width: 1439px) and (min-width: 1180px) {
    .section-map_full {
        height: 705px;
    }   
    .info-top {
        padding: 20px 25px;
    } 
    .map-info_tab {
        top: 65px;
        padding-bottom: 25px;
        max-width: 520px;
        font-size: 12px;
    } 
    .map-info_tab h2 {
        font-size: 44px;
    } 
    .map-info_tab h2 + .line {
        margin-top: 10px;
        margin-bottom: 16px;
    }                   
}
@media screen and (max-width: 1439px) and (min-width: 1180px) and (max-height: 620px){

    .history-of-grain .container, 
    .section-inFull ,
    .history-of-grain .container.lastSmall, 
    .lastSmall .section-inFull {
        min-height: 580px;
    }  

    .width90 {
        max-width: 80%;
    }  
    .art-bgs {
        max-width: 80%;
    }    
}

@media screen and (min-width: 1180px) and (max-height: 640px){
    .barrel-making-steps .commonLock p {
        font-size: 20px;
        line-height: 30px;
    }   
    .mashbills .mashbillContainer .container {
        padding-top: 70px;
    } 
    .mashbill-content {
        padding: 30px 0;
    }  
    .mashbills-contents {
        margin-top: 38px;
    }          
} 

@media screen and (min-width: 1440px) and (max-height: 780px){
    .barrel-making-steps .commonLock p {
        font-size: 26px;
        line-height: 36px;
    } 
} 

@media screen and (min-width: 1440px) and (max-height: 800px){
    .mashbills .mashbillContainer .container {
        padding-top: 80px;
    }
    .mashbills-contents {
        margin-top: 50px;
    }    
    .mashbill-content {
        padding: 45px 0;
    }    
} 
/*---- Resize PSD to 920res for 1179-768 res ----*/
@media screen and (max-width: 1179px) {
    .header {
        height: 46px;
        padding: 0 35px;
    }    
    .logo img {
        width: 120px;
    }       
    .intro-copy p {
        font-size: 17px;
        line-height: 1.36em;
    }     
    .site-progress {
        width: 350px;
    }
    .intro-copy h1 {
        font-size: 97px;
    }
    .section-map_full {
        height: 570px;
    }    
    .section {
        font-size: 9px;
    }
    p {
        font-size: 17px;
        line-height: 1.42em;
    }    
    .line {
        width: 60px;
        height: 5px;
    }
    .intro-copy .line {
        margin-top: 11px;
        margin-bottom: 16px;
    }
    .discover p {
        font-size: 10px;
    }

    .section-white .container {
        max-width: 630px;
        padding: 42px 0;
    }
    h2 {
        font-size: 38px;
    }
    h2 + .line {
        margin-top: 12px;
        margin-bottom: 16px;
    }
    h2.lg {
        font-size: 57px;
    }
    h2.lg + .line {
        margin-bottom: 18px;
        margin-top: 7px;
    }
    .page-art {
        width: 768px;
    }    
    .section-step {
        width: 38px;
        height: 38px;
        font-size: 20px;
        line-height: 36px;
        margin-bottom: 16px;
    }
    .info-top {
        padding: 28px 30px;
    }
    .map-info_tab {
        max-width: 445px;
        padding-bottom: 30px;
    }

    h2.mid {
        font-size: 43px;
    }
    .container-lg.container {
        max-width: 575px;
    }
    .hidden-sm-xs {
        display: none !important;
    }
    .evolution-of_grain .container {
        padding-top: 145px;
    }
    .container.container-exlg {
        max-width: 660px;
    }
    .history-of-grain .container, 
    .section-inFull, 
    .history-of-grain .container.lastSmall, 
    .lastSmall .section-inFull {
        min-height: 460px;
    }
    .history-of-grain .history4 .container {
        min-height: 350px;
    }
    .history-of-grain .history2 .container {
        min-height: 300px;
    }    
    .art-bgs {
        max-width: 90%;
    }    
    .play-icon {
        width: 120px;
        height: 120px;
    }
    .map-info_tab .play-icon {
        height: 90px;
        width: 90px;
    }
    .history-of-grain.harvest {
        /*padding: 115px 0;*/
    }
    .harvest .section {
        margin-bottom: 50px;
    }
    .section-lock.section-relative {
        position: relative;
        top: auto;
        left: auto;
        padding-top: 100px;
        padding-bottom: 100px;
    } 
    .special-ex {
        top: 90px;
    }      
    .section-lock {
        top: 100px;
    }     
    .pr-name {
        width: 200px;
        height: 200px;
    }
    .pr-name span {
        font-size: 28px;
    }
    .mashbill-content::before,
    .mashbill-content::after {
        left: 248px;
    }
    .pr-infos {
        font-size: 9px;
    }
    .pr-amount {
        font-size: 54px;
    }
    .pr-amount span {
        font-size: 16px;
        padding-top: 3px;
        padding-bottom: 4px;
    }
    p.lg {
        font-size: 1.875em;
        line-height: 1.5em;
    }  
    .mashbills .mashbillContainer .container {
        padding-top: 63px;
    }      

    .mashbills-contents {
        margin-top: 30px;
    }
    .mashbill-content {
        padding: 35px 0;
    }
    .agingFactors {
        padding: 90px 0 0;
    }
    .lgnumber {
        font-size: 155px;
    }
    .agingFactors .line {
        margin-top: 25px;
        margin-bottom: 30px;
    }
    .aging-timeline {
        margin-top: 58px;
        padding: 140px 0 108px;
    }
    .tl-copies {
        padding: 0 36px 30px;
    }
    .timeline-content {
        margin: 0 0 56px;
    }
    .counter-mainSection {
        max-width: 390px;
        margin: 30px auto 37px;
    }
    .time-counter span {
        font-size: 82px;
    }
    .counter-mainSection + .line {
        margin-bottom: 30px;
    }
    .signupBtn {
        padding: 32px 0 37px;
        border-bottom: 3px solid #9c132d;
        margin-bottom: 30px;
    }

    .social-share {
        margin-bottom: 28px;
    }      
    .social-share img {
        width: 20px;
    }
    .btn {
        font-size: 16px;
        line-height: 20px;
        padding: 13px 24px;
    }

    .time-counter .divider {
        width: 140px;
    }
    .time-counter .divider span:after {
        right: -8px;
    }
    .time-counter .divider span:before {
        left: -8px;
    }
    .leftVslider {
        width: 13px;
    }    
    .gBlog h5 {
        margin-bottom: 16px;
    }    
    .gBlog h6 {
        margin-bottom: 14px;
    }    
    .gBlog .row {
        padding-top: 22px;
    }
    .gBlog .row .col-50:first-child{
        padding-right: 9px;
    }
    .gBlog .row .col-50:last-child{
        padding-left: 9px;
    }  
    .titleFix p {
        padding-top: 150px;
    }    
    .centerLock .content-align h2 {
        margin-top: -5px;
    }
    .commonLock.centerLock {
        min-height: 420px;
    }
    .commonLock.centerLock .section-lock {
        min-height: 420px;
        padding-top: 75px;
        padding-bottom: 45px;
    }   
    .section-distillation .container,
    .section-farmers .container,
    .section-grain .container{
        min-height: 440px;
    }  

    .special-img_cnt {
        height: 290px;
    }  
    .historyGrain1 {
        padding-top: 30px;
    }  
    .time-counter h6 {
        font-size: 18px;
        margin: 6px 0 0;
    }

    
/* Tasting Journal update sep 2019*/

.section.selectingSeed .container {
    max-width: 740px;
}
img.valign-img {
    top: 68px;
    height: 520px;
}
.selectingSeed table {
    width: 80%;
    margin-top: 30px;
}
.selectingSeed table th,
.selectingSeed table td {
    font-size: 13px;
}

.selectingSeed table th {
    font-size: 14px;
    padding: 6px;
}
.selectingSeed table td {
    padding: 9px;
}
.selectingSeed table td:first-child {
    font-size: 16px;
}
.glassMasterPost.gBlog {
    padding-top: 42px;
}
#nextTesting .container:first-child {    
    padding-bottom: 18px;
}

.glassMasterPost.gBlog img {
    margin-bottom: 28px;
}
.glassMasterPost.gBlog p {
    margin-bottom: 28px;
}
.glassMasterPost.gBlog h6 {
    margin-bottom: 7px;
}
.glassMasterPost.gBlog .customCopy {
    font-size: 21px;
    margin-bottom: 32px;
}

/* Tasting Journal update sep 2019*/   
         
}


@media screen and (min-width: 768px) and (max-width: 1179px) {
    .ipadFix p {
        padding-top: 30px;
    }
    .section-map_full {
        height: 500px;
    }
    .info-top {
        padding: 15px 20px;
    } 
    .map-info_tab {
        top: 60px;
        padding-bottom: 20px;
        max-width: 440px;
        font-size: 8px;
    } 
    .map-info_tab h2 + .line {
        margin-top: 10px;
        margin-bottom: 14px;
    }   
}
@media screen and (min-width: 768px) {

    .barrel-making-steps.history-of-grain p .bold {
        margin-bottom: .4em;
    }
    .site-progress ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto;
    }
    .site-progress {
        position: relative;
    }
    .site-progress::before,
    .site-progress::after {
        position: absolute;
        content: '';
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: #fff;
        top: -5px;
    }
    .end.site-progress::after {
        background: #9c132d;
    }
    .site-progress::before {
        left: -13px;
        border: 2px solid #9c132d;
        z-index: 1;
        background: #071d49;
    }
    .site-progress::after {
        right: -13px;
    }
    .site-progress li {
        position: relative;
        text-align: center;
        z-index: 2;
    }

    .site-progress li a::after {
        position: absolute;
        content: '';
        width: 13px;
        height: 13px;
        background: #fff;
        border-radius: 50%;
        top: -5px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        
    }
    .site-progress .active a::after {
        background: #9c132d;
    }
    .site-progress li a {
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        white-space: nowrap;
    }  

    .site-progress li a span {
        opacity: 0;
        padding-top: 15px;
        position: absolute;
        display: block;
        left: 50%;
        top: -16px;
        transform: translate(-50%, 20px);
        -webkit-transform: translate(-50%, 20px);
        -ms-transform: translate(-50%, 20px);
        transition: 300ms;
        pointer-events: none;
    }
    .site-progress li a:hover span {
        opacity: 1;
        transform: translate(-50%, 15px);
        -webkit-transform: translate(-50%, 15px);
        -ms-transform: translate(-50%, 15px);
        pointer-events: auto;
    }        
}

@media screen and (min-width: 1180px) and (max-width: 1439px) {
    .site-progress li a {
        font-size: 13px;
    }  
    .site-progress li a span {
        top: -17px;
    }   
}
@media screen and (min-width: 768px) and (max-width: 1179px) {
    .site-progress li a {
        font-size: 11px;
    }  
    .site-progress li a span {
        top: -20px;
    }   
}


@media screen and (max-width: 767px) {
    .section-blue.mobileWhite {
        background: #fff;
    }
    .hidden-xs {
        display: none !important;
    }
    .visible-xs{
        display: block !important;
    }
    .intro-copy {
        padding-left: 40px;
        padding-right: 40px;
    }
    .container {
        width: 100%;
    }
    .container.container-exlg,
    .container-lg.container {
        max-width: none;
    }    
    .discover {
        bottom: 35px;
    }    
    .screenHeight {
        min-height: calc(100vh - 90px) !important;
    }    
    .header {
        height: 70px;
        padding: 0 20px;
    }
    .logo img {
        width: 150px;
    }
    .logo {
        position: relative;
        z-index: 9999;
        -webkit-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    .active .logo {
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
    .site-progress {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 70px;
        right: -110%;
        background: #fff;
        -webkit-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
    }  
    .site-progress ul {
        height: auto;
        pointer-events: all;
        margin-bottom: 0;
        width: 100%;
    }

    .site-progress ul li:last-child {
        border: none;    
    }
    .site-progress ul li {
        opacity: 0 !important;
        position: relative;
        left: 0 !important;
        top: auto;
        text-align: left;
        padding: 20px 0;
        -webkit-transition: all 300ms ease-in-out 600ms;
        -o-transition: all 300ms ease-in-out 600ms;
        transition: all 300ms ease-in-out 600ms;
        border-bottom: 1px solid #9c132d;
        width: 100%;
    }
    .site-progress ul li.isActive a {
        color:  #9c132d;
    }
    .active .site-progress ul li {
        opacity: 1 !important;
        text-align: center;
    }
    .site-progress ul li a {
        color: #000;
        font-size: 30px;
        line-height: 1.5em;
        font-family: "kepler-std";
        text-transform: capitalize;
    }
    .menu-icon {
        position: absolute;
        display: block;
        width: 32px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 20px;
        background: url(../images/gtg/close-white.png) center center no-repeat;
        background-size: 0 0;
        z-index: 99999;
    }
    .active .menu-icon{
        background-size: contain;
    }
    .active .menu-icon img {
        opacity: 0;
    }
    .menu-icon img {
        width: 100%;
    }
    .active .site-progress{
        right: 0;
    }

    .intro-copy h1 {
        font-size: 80px;
    }
    .intro-copy p,
    p {
        font-size: 28px;
    }
    .intro-copy .line {
        margin-top: 24px;
        margin-bottom: 22px;
    }
    .discover p {
        font-size: 12px;
    }
    .section {
        font-size: 16px;
    }
    .section-white .container {
        max-width: 100%;
        padding: 58px 0;
        padding-left: 45px;
        padding-right: 45px;
    }
    .section-white .col-56,
    .section-white .col-65,
    .section-white .col-42,
    .section-white .col-60,
    .section-white .col-50,
    .col-65 {
        width: 100%;
    }
    h2.lg {
        font-size: 69px;
    }
    h2.lg + .line {
        margin-bottom: 24px;
        margin-top: 17px;
    }
    h2 {
        font-size: 65px;
    }
    h2 + .line {
        margin-top: 20px;
        margin-bottom: 25px;
    }
    .section-step {
        width: 88px;
        height: 88px;
        font-size: 50px;
        line-height: 86px;
        margin-bottom: 23px;
    }
    .page-art,
    .page-art.artmid {
        top: auto;
        bottom: 0;
        left: auto;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        right: 0;
    }
    .section-white p br ,
    .map-info_tab p br {
        display: none;
    }
    .section-grain.section .container {
        padding-bottom: 150px;
    }
    .section-farmers.section .container {
        background: url(../images/gtg/rye.png) right 35% no-repeat;
        background-size: contain;
    }
    .page-art.relative-art {
        position: relative;
        right: -45px;
        width: 100%;
    }
    .section-grain p {
        max-width: 70%;
    }
    .section-farmers p {
        max-width: 98%;
    }
    .section-map_full {
        height: auto;
        min-height: 1px;
    }
    .map-info_tab {
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: translate3d(0, 0, 0) !important;
        -ms-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
        right: auto;
        max-width: none;
        width: 100%;
        padding: 30px;
    }
    .map-info_tab .play-icon {
        width: 130px;
        height: 130px;
    }
    .paddingBottom0 {
        padding-bottom: 0 !important;
    }
    .hasLeftBar .scrollmagic-pin-spacer {
        display: none !important;
    }
    .info-top {
        padding: 15px 15px 45px;
    }
    .trailMap1 h2,
    .section-blink h2 {
        font-size: 50px;
    }
    .section-distillation.section .container {
        padding-bottom: 0;
    }
    .v-mid-text {
        width: 80%;
    }

    .info-top h2 ,
    .agingFactors h2 {
        font-size: 52px;
    }
    .tastingJourney h2 {
        font-size: 54px;
    }
    .tastingJourney h2 + .line {
        margin-top: 28px;
        margin-bottom: 31px;
    }
    .agingFactors {
        padding: 72px 27px;
    }
    .aging-timeline {
        margin: 0;
        padding: 72px 0 0;
    }
    .lgnumber {
        font-size: 143px;
    }
    .aging-timeline::before,
    .aging-timeline::after {
        display: none;
    }
    .aging-timeline .timeline-content .tl-copies {
        padding: 0;
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        text-align: center;
    }
    .timeline-content:nth-child(2n) {
        left: auto;
    }
    .timeline-content {
        width: auto;
    }
    .timeline-content h4 {
        font-size: 2.16em;
        margin: 34px 0 22px;
    }
    .timeline-content p {
        font-size: 1.875em;
        line-height: 1.33em;
    }
    .counter-mainSection + .line {
        margin-bottom: 44px;
    }
    .signupBtn {
        padding: 52px 0 60px;
        border-bottom: 5px solid #9c132d;
        margin-bottom: 50px;
    }

    .social-share {
        margin-bottom: 36px;
    }     
    .social-share img {
        width: 24px;
    }
    .btn {
        font-size: 28px;
        line-height: 28px;
        padding: 24px 45px;
    }
    .counter-mainSection {
        max-width: 430px;
        margin: 46px auto 60px;
    }
    .time-counter span {
        font-size: 92px;
    }
    .time-counter .divider {
        width: 144px;
    }
    .time-counter .divider span:after {
        right: -8px;
    }
    .time-counter .divider span:before {
        left: -8px;
    }
    .gBlog .row .col-50 {
        width: auto;
        float: none;
        padding: 0 !important;
    }
    .gBlog .row .col-50:first-child {
        margin-bottom: 30px;
    }
    .footer {
        padding: 0 45px;
    }


    .mobCarousel .columns {
        width: 100%;
        padding: 0 45px;
    }
    .mobCarousel h2 {
        font-size: 54px;
    }
    .mobCarousel .art-bgs {
        display: none;
    }
    .mobCarousel h2 + .line.line-Left {
        margin-top: 19px;
        margin-bottom: 26px;
    }
    .history-of-grain .history1 .container {
        min-height: 1px;
    }    
    .mobCarousel .sliderIndexOne .container {
        padding-bottom: 200px;
    }
    .sliderIndexOne p {
        max-width: 85%
    }
    .history2 .container,
    .history3 .container,
    .history4 .container {
        display: block;
    }

    .historyGrain1.mobCarousel .section .container {
        padding-bottom: 0;
        height: 170vw !important;
        max-height: 960px !important;
    }
    .historyGrain1.mobCarousel .section .container .art-mob_bg {
        width: auto;
        position: absolute;
        left: 50%;
        bottom: 120px;
        max-width: 540px;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    .mobCarousel .container {
        height: auto !important;
        padding-bottom: 94px;
        padding-top: 74px;
        min-height: 1px !important;
    }
    .evolution-of_grain .container {
        padding-top: 140px;
    }
    .mobCarousel .section-inFull {
        height: auto !important;    
        min-height: 1px !important;
    }
    .historyGrain1 p {
        font-size: 22px;
    }
    .custom-inner .container {
        text-align: left;
    }
    .evolution-of_grain {
        background: url(../images/gtg/evolution-art-mob.png) right top no-repeat;
        background-size: 540px auto;
    }
    .art-mob_bg {
        width: 100%;
    }

    .section-blue {
        background: #071d49;    
    }
    .mobile-slider {
        padding: 60px 45px 0;
        overflow: hidden;
    }
    .barrel-making-steps,
    .scaledDownSection {
        padding-top: 60px !important;
    }
    .mobile-slider h2 {
        color: #fff;
        font-size: 52px;
    }
    .harvest .mobCarousel .container {
        padding-top: 0 !important;
    }

    .mobile-slider .line.line-Left {
        margin: 22px 0 25px;
    }
    .line {
        width: 124px;
        height: 9px;
    }


    .history-of-grain.harvest {
        padding: 0;
    }
    .harvest .section {
        margin-bottom: 0;
    }
    .harvest .content-align {
        display: block;
    }
    .harvest .col-30 {
        padding: 0 45px 55px;
    }
    .harvest .col-63,
    .harvest .col-65 {
        padding: 0 30px 30px;
    }
    .harvest .col-30,
    .harvest .col-63,
    .harvest .col-65 {
        width: 100%;
    }


    .mashbill-content {
        display: block;
        padding: 0;
    }
    .mashbill-content::before {
        top: 280px;
        left: 0;
        width: 100%;
        height: 2px;
    }
    .mashbill-content::after {
        top: 282px;
        left: 50%;
        width: 30px;
        height: 30px;
        margin-left: 0;
        background: #fff;
        border: 2px solid #071d49;
        border-top: none;
        border-left: none;
        -webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
        -ms-transform: translate3d(-50%,-50%,0) rotate(45deg);
        -o-transform: translate3d(-50%,-50%,0) rotate(45deg);
        transform: translate3d(-50%,-50%,0) rotate(45deg);
    }
    .pr-infos {
        width: 100%;
    }
    .pr-infos p {
        display: none;
    }
    .pr-name {
        width: 230px;
        height: 230px;
        display: block;
        margin: 0 auto 112px;
    }
    .pr-name span {
        font-size: 36px;
    }
    .pr-amount {
        font-size: 70px;
    }
    .pr-amount span {
        font-size: 19px;
    }
    .section-white.mashbills .container {
        padding-bottom: 80px;
        padding-top: 74px;
    }

    .mashbills-contents.owl-loaded {
        padding-bottom: 30px;
    }
    .mashbills-contents.owl-loaded .owl-dots {
        bottom: -40px;
    }
    .mashbills-contents.owl-loaded .owl-next, 
    .mashbills-contents.owl-loaded .owl-prev {
        bottom: -52px;
    }
    .mashbills-contents.owl-loaded .owl-next {
        right: 0;
    }
    .mashbills-contents.owl-loaded .owl-prev {
        left: 0;
    }

    .section-lock {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }  
    .special-img_cnt {
        height: auto;
    }  
    .special-img_cnt img,
    .special-img_cnt .section-video {
        position: relative;
        top: auto;
        left: auto;
        width: 100% !important;
        height: auto !important;
    }   
    .scrlNode {
        display: none !important;
    } 
    .commonLock,
    .scrollmagic-pin-spacer {
        padding: 0;
        position: relative !important;
        top: 0;
        left: 0;
        width: auto;
        height: auto !important;
        min-height: 1px;
    }    
    .titleFix p {
        padding-top: 0;
    }  
    .centerLock .content-align h2 {
        margin-top: 0;
    }
    .commonLock.centerLock {
        min-height: 1px;
        height: auto;
    }
    .commonLock.centerLock .section-lock {
        min-height: 1px;
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
    }  
    .mashbillContainer {
        min-height: 1px;
        display: block;
    } 
    .mashbillContainer .mashbill-content {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        height: auto;
        opacity: 1 !important;
        margin-bottom: 64px;
    } 
    .owl-item .mashbill-content {
        margin-bottom: 0;
    }
    .mashbills-contents {
        margin-top: 45px;
    }       
    .pr-amount.mashHide {
        opacity: 1 !important;
    }   

    .section-distillation .container,
    .section-farmers .container,
    .section-grain .container{
        min-height: 1px;
        display: block;
    }   



    .phone .mobStickyImg img,
    .phone .historyGrain1,
    .phone .scaledDownSection {
        -webkit-transform: scale3d(.85,.85,.85);
        -ms-transform: scale3d(.85,.85,.85);
        -o-transform: scale3d(.85,.85,.85);
        transform: scale3d(.85,.85,.85);
        -webkit-transition: transform 700ms;
        -ms-transition: transform 700ms;
        transition: transform 700ms;
        -webkit-transform-origin: 50% 0%;
        -moz-transform-origin: 50% 0%;
        -ms-transform-origin: 50% 0%;
        -o-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        will-change: transform;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .phone .mobStickyImg.start img,
    .phone .historyGrain1.stickyStart ,
    .phone .scaledDownSection.stickyStart {
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        -o-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    } 
    .phone .firstColumn {
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -o-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
        -webkit-transition-duration: 700ms;
        -ms-transition-duration: 700ms;
        transition-duration: 700ms;
    }
    .phone .colStart .firstColumn {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;

    }


    .phone .edges {
        width: 12%;
        height: 100%;
        position: absolute;
        top: 0;
        background: #fff;
        z-index: 200;

    }
    .edges.leftEdge {
        left: 0;
        -webkit-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
    }
    .edges.rightEdge {
        right: 0;
        -webkit-transform-origin: 100% 0%;
        -moz-transform-origin: 100% 0%;
        -ms-transform-origin: 100% 0%;
        -o-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
    }
    
    /*

    */
    .phone .infoTopTab {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -o-transform: translateY(50px);
        transform: translateY(50px);
        transition-duration: 500ms;
        -webkit-transition-duration: 500ms;
        -ms-transition-duration: 500ms;
    }
    .phone .infoTopCtrl.start .infoTopTab {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    .mapmob-height {
        height: auto !important;
    }
    

    .backtotop {
        right: 12px;
        bottom: 100px;
        width: 42px;
        padding: 0 0 2px;
        font-size: 14px;
    }

    .source-container {
        padding: 0 20px;
        bottom: 90px;
        font-size: 12px;
    }
    .historyGrain1 {
        padding-top: 0;
    }       
    .phone .page-art {
        opacity: 0;
        -webkit-transform: translate3d(0,30px,0);
        transform: translate3d(0,30px,0);
        -webkit-transition-duration: 700ms;
        -o-transition-duration: 700ms;
        transition-duration: 700ms;
    } 
    .phone .page-art.start {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    } 
    .unmute {
        top: 40px;
        font-size: 12px;
        padding: 5px 8px 4px;
    }  
    .unmute span span {
        background-size: auto 14px;
        padding: 0 18px 0 0;
    }   
    
    

    .tableCarousel.mobCarousel {
        width: auto;
        height: auto;
        overflow: initial;
    }
    .carousel_mobile6 {
        margin-top: 50px;
    }
    .selectingSeed .blue-title {
        background: #051d47;
        color: #fff;
        font-size: 20px;
        line-height: 20px;
        padding: 12px  0;
        font-family: 'AauxProOT-Bold';
        text-transform: uppercase;
    }
    .selectingSeed table {
        width: 100%;
        margin-top: 0px;
        border-bottom: 1px solid #dddddd;
        margin-bottom: 70px
    }
    
    .selectingSeed table td {
        font-size: 18px;
    }
    
    .selectingSeed table td {
        padding: 17px 12px;
        width: 80% !important;
    }
    .selectingSeed table td:first-child {
        border-bottom: 1px solid #dddddd;
        background: none;
        color: #666;
        font-size: 17px;
        line-height: 1em;
        letter-spacing: 0;
        color: #051d47;
        width: 20% !important;
    }
    
    .selectingSeed table tr:nth-child(2) td {
        height: 180px;
    }
    .selectingSeed table tr:nth-child(3) td {
        height: 203px;
    }
    .carousel_mobile6 .owl-next, 
    .carousel_mobile6 .owl-prev {
        bottom: -12px;
    }
    .carousel_mobile6 .owl-dots {
        bottom: 0;
    }
    .carousel_mobile6 .owl-next {
        background-image: url(../images/gtg/next-blue.png);
        right: 0;
    }
    .carousel_mobile6 .owl-prev {
        background-image: url(../images/gtg/prev-blue.png);
        left: 0;
    }
    .carousel_mobile6 .owl-dots .owl-dot {
        background: #051d47;
    }
    .carousel_mobile6 .owl-dots .owl-dot.active {
        background: #9c132d;
    }
    .glassMasterPost.gBlog {
        text-align: center;
        padding-top: 10px;
    }
    .glassMasterPost.gBlog h5 {
        margin-bottom: 40px;
    }
    
    #nextTesting .container:first-child {    
        padding-bottom: 0;
    }
    
    .glassMasterPost.gBlog img {
        margin-bottom: 48px;
    }
    .glassMasterPost.gBlog p {
        margin-bottom: 48px;
    }
    .glassMasterPost.gBlog h6 {
        margin-bottom: 10px;
    }
    .glassMasterPost.gBlog .customCopy {
        font-size: 28px;
        margin-bottom: 56px;
    }    
}

@media screen and (max-width: 767px) and (min-width: 540px) {

    .footer-contents {
        height: 100px;
    }
    .backtomain {
        font-size: 16px;
    }    
    .footer-contents ul {
        margin-top: 20px;
    }
    .footer-contents ul li img {
        width: 24px;
    }
    .footer-contents ul li {
        margin-right: 34px;
    }
    .footer-contents ul li:last-child {
        margin-right: 0;
    }

    .owl-content a {
        padding-left: 15px;
        margin-left: 15px;
    }
    .owl-content a img {
        width: 75px;
    }
    .owl-content p {
        font-size: 16px;
        line-height: 1.3em;
    }    
}
@media screen and (max-width: 539px) {
    .site-progress {
        top: 50px;
    }
    .site-progress ul li {
        padding: 15px 0;
    }
    .site-progress ul li a {
        font-size: 24px;
    }    
    .header {
        height: 50px;
        padding: 0 20px;
    }
    .logo img {
        width: 120px;
    }   
    .menu-icon {
        width: 22px;
        right: 20px;
    }

    .intro-copy {
        padding-left: 20px;
        padding-right: 20px;
    }
    .intro-copy h1 {
        font-size: 52px;
    }
    .intro-copy .line {
        margin-top: 14px;
        margin-bottom: 10px;
    }
    .discover p {
        font-size: 11px;
    }
    .section {
        font-size: 9px;
    }
    .intro-copy p, 
    p {
        font-size: 18px;
        line-height: 24px;
    }    
    .historyGrain1 p {
        font-size: 18px;
        line-height: 24px;
    }    
    .section-white .container {
        padding: 35px 30px;
    }
    .section-step {
        width: 56px;
        height: 56px;
        font-size: 32px;
        line-height: 56px;
        margin-bottom: 15px;
    }
    h2.lg {
        font-size: 42px;
    }
    h2.lg + .line {
        margin-bottom: 16px;
        margin-top: 12px;
    }
    h2 {
        font-size: 40px;
    }

    .section-grain p {
        max-width: 74%;
    }    
    .section-grain.section .container {
        padding-bottom: 104px;
    }

    .map-info_tab {
        padding: 20px;
    }
    .map-info_tab .play-icon {
        width: 90px;
        height: 90px;
    }

    .info-top {
        padding: 10px 10px 30px;
    }
    .trailMap1 h2,
    .section-blink h2 {
        font-size: 34px;
    }
    .section-distillation.section .container {
        padding-bottom: 0;
    }

    .info-top h2 ,
    .agingFactors h2 {
        font-size: 36px;
    }
    .tastingJourney h2 {
        font-size: 36px;
    }
    .tastingJourney h2 + .line {
        margin-top: 20px;
        margin-bottom: 22px;
    }
    .agingFactors {
        padding: 50px 20px;
    }
    .social-share a {
        margin-left: 22px;
    }    
    .aging-timeline {
        margin: 0;
        padding: 35px 0 0;
    }
    .social-share {
        margin-bottom: 24px;
    }    
    .lgnumber {
        font-size: 99px;
    }
    .counter-mainSection + .line {
        margin-bottom: 32px;
    }
    .signupBtn {
        padding: 26px 0 36px;
        border-bottom: 3px solid #9c132d;
        margin-bottom: 40px;
    }
    .page-art {
        width: 100%;
    }
    .btn {
        font-size: 18px;
        line-height: 24px;
        padding: 10px 25px;
        width: 100%;
    }
    .counter-mainSection {
        max-width: 280px;
        margin: 27px auto 32px;
    }
    .time-counter span {
        font-size: 62px;
    }
    .time-counter .divider {
        width: 100px;
    }
    .time-counter .divider span:after {
        right: -6px;
    }
    .time-counter .divider span:before {
        left: -6px;
    }

    .gBlog .row .col-50:first-child {
        margin-bottom: 24px;
    }
    .footer {
        padding: 0 20px;
    }

    .owl-dots {
        bottom: 28px;
    }
    .owl-dot {
        width: 10px;
        height: 10px;
        margin: 0 8px;
    }
    .owl-next, 
    .owl-prev {
        bottom: 20px;
        width: 15px;
        height: 27px;
    }
    .owl-next {
        right: 18px;
    }
    .owl-prev {
        left: 18px;
    }
    .mobCarousel .columns {
        padding: 0 30px;
    }
    .mobCarousel h2 {
        font-size: 34px;
    }
    .mobCarousel h2 + .line.line-Left {
        margin-top: 12px;
        margin-bottom: 14px;
    }
    .mobCarousel .sliderIndexOne .container {
        padding-bottom: 138px;
    }
    .mobCarousel .container {
        padding-bottom: 50px;
        padding-top: 35px;
    }
    .evolution-of_grain .container {
        padding-top: 90px;
    }    
    .evolution-of_grain {
        background-size: 100% auto;
    }
    .timeline-content h4 {
        font-size: 2.3em;
        margin: 25px 0 14px;
    }
    .historyGrain1.mobCarousel .section .container .art-mob_bg {
        bottom: 70px;
        max-width: 100%;
    }
    .historyGrain1.mobCarousel .section .container {
        height: 150vw !important;
        max-height: 600px !important;
    }   
    .mobile-slider {
        padding: 41px 30px 0;
    }
    .barrel-making-steps,
    .scaledDownSection {
        padding-top: 35px !important;
    }
    .mobile-slider h2 {
        font-size: 36px;
    }

    .mobile-slider .line.line-Left {
        margin: 17px 0 18px;
    }
    .line {
        width: 82px;
        height: 5px;
    }


    .harvest .col-30 {
        padding: 0 30px 25px;
    }
    .harvest .col-63,
    .harvest .col-65 {
        padding: 0 18px 21px;
    }


    .mashbill-content::before {
        top: 190px;
        height: 2px;
    }
    .mashbill-content::after {
        top: 192px;
        width: 20px;
        height: 20px;
    }
    .mashbills-contents {
        margin-top: 34px;
    }
    .pr-name::before {
        top: 4px;
        right: 4px;
        bottom: 4px;
        left: 4px;
    }
    .pr-name span {
        font-size: 25px;
    }
    .pr-name {
        width: 160px;
        height: 160px;
        margin: 0 auto 66px;
    }
    .pr-amount {
        font-size: 48px;
    }
    .pr-amount span {
        font-size: 13px;
    }
    .section-white.mashbills .container {
        padding-bottom: 55px;
        padding-top: 35px;
    }
    h2 + .line {
        margin-top: 10px;
        margin-bottom: 14px;
    }

    .timeline-content p {
        font-size: 1.875em;
        line-height: 1.55em;
    }
    .mashbills-contents.owl-loaded {
        padding-bottom: 20px;
    }
    .mashbills-contents.owl-loaded .owl-dots {
        bottom: -28px;
    }
    .mashbills-contents.owl-loaded .owl-next, 
    .mashbills-contents.owl-loaded .owl-prev {
        bottom: -36px;
    }


    .footer-contents {
        padding: 25px 0 26px;
        height: auto;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .backtomain {
        font-size: 14px;
    }    
    .footer-contents ul {
        margin-top: 15px;
    }
    .footer-contents ul li img {
        width: 18px;
    }
    .footer-contents ul li {
        margin-right: 20px;
    }
    .footer-contents ul li:last-child {
        margin-right: 0;
    }

    .owl-content a {
        padding-left: 8px;
        margin-left: 8px;
    }
    .owl-content a img {
        width: 50px;
    }
    .owl-content p {
        font-size: 10px;
        line-height: 12px;
        margin: 0;
    }

    .backtotop span {
        height: 18px;
    }

    .backtotop {
        bottom: 98px;
        width: 36px;
        padding: 0 0 2px;
        font-size: 12px;
    }
    .bottomSection .nextTasting {
        padding-bottom: 45px;
    }
    .agingFactors .line {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .source-container {
        padding: 0 20px;
        bottom: 55px;
        font-size: 10px;
    }  
    .history2 p {
        max-width: 68%;
    }    
    .history2 .art-mob_bg {
        max-width: 90% !important;
        margin-left: 10%;
    }  
    .history4 .art-mob_bg {
        max-width: 84% !important;
        max-height: 400px;
    }
    .history6 .art-mob_bg {
        max-width: 92% !important;
        max-height: 360px;
        margin-bottom: 15px;
    }  
    .time-counter h6 {
        font-size: 15px;
        margin: 5px 0 0;
    }    


    .carousel_mobile6 {
        margin-top: 35px;
    }
    .selectingSeed .blue-title {
        font-size: 14px;
        line-height: 14px;
        padding: 9px  0;
    }
    .selectingSeed table {
        margin-bottom: 49px
    }
    .selectingSeed table td {
        font-size: 13px;
    }
    .selectingSeed table td {
        padding: 12px 9px;
    }
    .selectingSeed table td:first-child {
        font-size: 12px;
    }
    
    .selectingSeed table tr:nth-child(2) td {
        height: 128px;
    }
    .selectingSeed table tr:nth-child(3) td {
        height: 145px;
    }
    .carousel_mobile6 .owl-next, 
    .carousel_mobile6 .owl-prev {
        bottom: -8px;
    }
    .glassMasterPost.gBlog {
        padding-top: 7px;
    }
    .glassMasterPost.gBlog h5 {
        margin-bottom: 28px;
    }
       
    .glassMasterPost.gBlog img {
        margin-bottom: 25px;
    }
    .glassMasterPost.gBlog p {
        margin-bottom: 34px;
        letter-spacing: 0px;
    }
    .glassMasterPost.gBlog h6 {
        margin-bottom: 7px;
    }
    .glassMasterPost.gBlog .customCopy {
        font-size: 20px;
        margin-bottom: 38px;
    }      
}
/*-----------Main Style, MH SEP 20------------*/


