body {
  font-family: 'Raleway', sans-serif;
  color:#263745;
  font-size:14px;
  font-weight: 600;
  letter-spacing: 2px;
}


/* Start Age Gate */
#age-gate{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(50,50,50,.8);
	z-index: 10000;
	text-align: center;
	display: none;
}
#age-inner{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background-color: #FFF;
	border-bottom: 4px solid #263745;
	padding: 30px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 320px
}
#age-inner img{
	margin: 0 0 20px 0;
	width: 100%;
	height: auto;
}
#age-inner h1{
	text-transform: uppercase;
	color: #263745;
	font-size:24px;
	margin: 0 0 10px 0;
}
#age-inner p{
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 5px 0;
}
#age-inner form{
	margin: 40px 0 0 0;
}
#age-inner form input[type=text]{
	width: 100%;
	margin: 0 0 20px 0;
	padding: 10px 5px;
	border: 0;
}
input[type=submit] {
	border-style: double !important;
	border-color: #000 !important;
    padding: 5px 20px !important;
	font-size: 12px;
	text-transform: uppercase;

}
.border-button{
	display: inline-block;
	width: auto;
	border: 1px solid #263745;
	border-left: 0;
	border-right: 0;
	color: #263745;
	font-weight:700;
	padding: 10px 20px;
	background-color: transparent;
	cursor: pointer;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}
.border-button:hover{
	color: #263745;
	text-decoration:underline;
}
/* End Age Gate */

h1 {
  font-family: 'Raleway', sans-serif;
  text-transform: uppercase;
  font-size:36px;
  letter-spacing: 3px;
  font-weight: 700;
}
h2 {
  font-family: 'Raleway', sans-serif;
  font-size:16px; 
  text-transform: uppercase; 
  font-weight: 700;
}
h3 {
  font-family: 'Raleway', sans-serif;
  font-size:18px; 
  text-transform: uppercase; 
  font-weight: 700;
  margin-top:0;
  margin-bottom:20px
}
h4 {
	font-size: 22px;
}
h5 {
	line-height: 28px;
}
h1.hero-heading {
    font-size:22px;
    font-weight: 700;
}
h1.large-heading {
	font-size: 60px;
	font-weight: 700;
}
.varietal-block h2.white,
.bg-img-block h2.blue,
.center-text-box h2.blue,
.box-two h2.blue {
  margin-top:13px;
}
.white {color:#fff;}
.blue {color:#263745;}
.black {color: #000000 !important;}
.gold {color: #b89135;}
.grey {color: #464646;}
.violet {color: #120742;}
.light-grey {color: #999;}
.dark {background:#c3b5aa;}
.light {background:#fff;}
.grey-bkg {background: #464646;}
.font-trade-gothic {  font-family: "trade-gothic-next-compressed"; font-weight:400;}
.text-center {text-align: center;}
.short-line-height {line-height: 1.5em;}
.uppercase {text-transform: uppercase;}
 a:hover {text-decoration: none; color: #b89135;}

hr {
	margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #ffffff;
    width: 60px;
}
a, a:hover{
    color: #000;
    text-decoration: none;
}
a.btn-double-border {
border-style: double;
    padding: 5px 20px;
    color: #ffffff;
	font-size: 12px;
	text-transform: uppercase;
}

a.red-button {
	border: 2px solid #822220;
	color: #999;
	font-size: 14px;
	text-transform: uppercase;
	padding: 5px 20px;
}

h1.hero-heading {
    font-size:18px;
    font-weight: 700;
}
.dark-texture-background {
	background-image: url(../images/grey-texture-background.jpg);
	background-repeat: repeat;
}
.center {
    left: 50%;                         
    transform: translate(-50%, 0); /* precise centering */
}
p {
  font-size:14px;
  line-height:2;
  font-weight:400;
}
p.img-caption-sm {
    margin-bottom:0;
    margin-top:15px;
    line-height:1;
    font-weight:700;
	font-size: 16px;
}
p.img-caption-sm .font {
  font-family: 'Josefin Slab', serif;
	font-weight: normal;
}
p.img-caption-sm .indent {
    padding-left:180px;
}
p.hero-text {
    border-bottom:none !important;
    font-size:20px;
    color:#263745 !important;
    padding-top:20px;
    padding-bottom:40px;
}
.scroll-img {
  margin:-55px auto 0;
  cursor:pointer;
}

@media (min-width:992px) and (max-width:1024px) {
  .scroll-img {
    margin:-85px auto 0;
  } 
}

@media (min-width:768px) and (max-width:991px) {
  h1.hero-heading {
    width:110%
  }
  h1-hero-heading.deep-sky {
    width:100%;
  }
  .scroll-img {
    margin:-85px auto 0;
  } 
}
@media (min-width:400px) and (max-width:767px) {
  h1.hero-heading {
    font-size:15px;
    width:100%
  }
  p.hero-text {
    font-size:15px;
  }
}

/* Start Main Navigation */
.h1-center {
    position: absolute;  
    left: 50%;                        
    top: 50%;                         
    transform: translate(-50%, -50%); 
	text-align: center;
}
.h1-left {
    position: absolute;  
    left: 30%;                       
    top: 50%;                         
    transform: translate(-30%, -50%); 
    width:50%;
}
.h1-left-justify {
    position: absolute;  
    left: 20%;                       
    top: 50%;                         
    transform: translate(-30%, -50%); 
    width:15%;
	letter-spacing: 1px;
	min-width: 220px;
	max-width: 400px;
}
 h1.hero-heading-sm {
  font-size:17px;
  text-transform: lowercase;
  margin-bottom:0;
	letter-spacing: 2px;
}

h1.hero-heading-sm .indent {
	margin-left: 180px;
}
h1.hero-heading-sm .font {
  font-family: 'Josefin Slab', serif;
	font-weight: normal;
}
h1.hero-heading-sm-indent {
  margin-left:125px;
  margin-top:10px;
  font-family: 'Josefin Slab', serif;
	font-weight: normal;
}
h1.hero-heading-2040 .font {
	font-family: "trade-gothic-next-compressed";
	font-size: 18px;
	letter-spacing: 0.05em;
	color: #855d18;
	line-height: .5em;
}

@media (min-width:1200px) and (max-width:1400px) { 
  .h1-left {
    left: 15%;                                              
    transform: translate(-15%, -50%); 
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .h1-left {
    left: 15%;                                              
    transform: translate(-15%, -50%); 
  }
}

@media (min-width:768px) and (max-width:991px) {
  .h1-left {
    top:70%;
    left: 18%;                                              
    transform: translate(-18%, -70%); 
    width:80%;
  }
}

@media (max-width:767px) {
  .hero-heading-sm,
  .hero-heading-sm-indent {
    display: none;
  }
}
header {
  background:white;
  height:60px;
  width:100%;
  position:fixed;
  z-index:99999;
}
.site-logo {
   padding-top:10px;
   width:200px;
   display: inline-block;
}
.site-logo img {
   max-width:105px;
}
.store-icon-nav {
    position: relative;
    top: 13px;
    right: -85px;
    float: right;
    padding: 0px 10px;
}

.store-icon-nav img {
	width: 35px;
	height: auto;
}


.login-nav, .login-nav a {
    font-size: 10px;
    position: relative;
    top: -10px;
    right: -35px;
    float: right;
    height: 27px;
    /* width: 125px; */
    cursor: pointer;
    z-index: 100;
    -webkit-transition: opacity .25s ease;
    /* transition: opacity .25s ease; */
    padding: 20px;
    color: #000000;
    text-transform: uppercase;
    text-decoration: none;
    z-index: 5;
}

.button_container {
    position: relative;
    top: 10px;
    right: -80px;
    float: right;
    height: 27px;
    width: 35px;
    cursor: pointer;
    display: inline-block;
    z-index: 100;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    padding: 20px;
    border: solid 1px #000000;
}
.sign-up-nav, .sign-up-nav a {
    font-size: 14px;
    position: relative;
    top: -10px;
    right: -50px;
    float: right;
    cursor: pointer;
    z-index: 100;
    -webkit-transition: opacity .25s ease;
    /* transition: opacity .25s ease; */
    padding: 20px;
    color: #b89135;
    text-transform: uppercase;
    text-decoration: none;
    z-index: 5;
}
@media (max-width: 1024px){
	.login-nav, .login-nav a {right: -20px;}
	.store-icon-nav {right: -75px;}	
}

@media (max-width: 596px){
	.sign-up-nav, .sign-up-nav a {right: 60px;top: -36px; font-size:10px;}

}
@media (max-width: 440px){
.button_container {right: 100px;top: -45px;}
.store-icon-nav { top: 10px;}
	.sign-up-nav, .sign-up-nav a {right: 40px;}
}
@media (max-width: 409px){
.button_container {right: 40px;top: -45px;}
.store-icon-nav {   top: -45px;right: 40px;}
	.sign-up-nav, .sign-up-nav a {right: 10px; }
}

.button_container:before {
  background: none;
  border: 1px solid #000000;
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
}
.button_container:hover {
  opacity: .7;
}
.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background: #000000;
    top:-4px;
}
.button_container.active .middle {
  opacity: 0;
  background: #000000;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-4px) translateX(0) rotate(-45deg);
          transform: translateY(-4px) translateX(0) rotate(-45deg);
  background: #000000;
    top:11px;
}
.button_container.active,
.button_container.active:before {
    border:1px solid #000000;
}
.button_container span {
  background: #000000;
  border: none;
  height: 3px;
  width: 76%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer;
  margin:11px 0 0 5px;
}
.button_container span:nth-of-type(2) {
  top: 7px;
}
.button_container span:nth-of-type(3) {
  top: 14px;
}
.overlay {
  position: fixed;
  background: #ffffff;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .35s, visibility .35s, height .35s;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
  z-index: 1;
}
.overlay.open {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.overlay.open li {
  -webkit-animation: fadeInRight .5s ease forwards;
          animation: fadeInRight .5s ease forwards;
  -webkit-animation-delay: .35s;
          animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: .4s;
          animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: .50s;
          animation-delay: .50s;
}
.overlay.open li:nth-of-type(5) {
  -webkit-animation-delay: .55s;
          animation-delay: .55s;
}
.overlay-menu .col-sm-6,
.overlay-menu .col-md-6, 
.overlay-menu .col-lg-3 {
  padding-left:22px;
  padding-right:22px;
}
.overlay-menu .col-md-3 {
	padding: 0px 10px;
} 


div.col-sm-6.nav-img.last,
div.col-md-6.nav-img.last,
div.col-lg-3.nav-img.last {
  padding-right:0;
}
.nav-img {
  display: inline-block;
  /*width: auto;*/
  margin-right: 0;
  position: relative;
}
span.roll {
  background:center center no-repeat;
	height: 360px;
	position: absolute;
  text-align: center;
  line-height: 153px;
	width: 247px;
	z-index: 10;	
	font-weight: 700;
}
.roll:before {
    content:url(../images/nav-hover.png);
    background-size: 247px 320px;
/*--adjust as necessary--*/
    padding-right: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-100%, -50%);
}
.nav-img img {
  margin:0 auto;
}
.nav-img h2 {
	font-size:28px;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom:0;
	color: #000;
}
.nav-img h2:hover {
	font-weight: 700;
}
.nav-img p,
div.social-icons p {
  font-family: 'Josefin Slab', serif;
  color:#000000;
  font-size:14px;
}
.overlay nav {
  position: relative;
/*  height: 90%;*/
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 50px;
  font-weight: 400;
  text-align: center;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
  display: block;
  height: 25%;
  height: calc(100% / 4);
  min-height: 50px;
  position: relative;
  opacity: 0;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #FFF;
  text-decoration: none;
  overflow: hidden;
}
.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;
}
.overlay ul li a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 3px;
  background: #FFF;
  webkit-transition: .35s;
  transition: .35s;
}
div.social-icons p {
  margin:0px auto;
  width:400px;
  border-bottom:1px solid #000000;
}
div.social-icons a {
  display:inline-block;
}
div.social-icons img {
  width:32px;
	margin-top:-10px;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .overlay-menu .col-sm-6, .overlay-menu .col-md-6, .overlay-menu .col-lg-3 {
    padding-right:20px;
    padding-left:20px;
  }
  .roll:before {
      top: 40%;
  }
}
@media (min-width:768px) and (max-width:991px) {
	.nav-img h2 {
		font-size: 20px;
	}
	.nav-img p {font-size: 12px;}
.overlay nav {
    top:40%;
  }
  .roll:before {
    top:40%;
  }
  div.social-icons p {
    margin-top:0;
    padding-bottom:5px;
  }
}
@media (max-width:767px) {
	.nav-img h2 {
		font-size: 16px;
		margin: 5px 0px;
	}
.nav-img p {font-size: 12px;}
  .nav-img img {
    display:none;
  }
  .roll:before {
    display: none;
  }
  .overlay nav {
    top:40%;
  }
  .nav-img {
    margin-bottom:0;
  }
}
@media (max-width:450px) {
 div.social-icons p {
    width:auto;
    margin-top:20px;
  }
}
/* End Main Navigation */

/* Start Home BG Image Animation */
.bgBox{
  width:100%;
  overflow:hidden;
  position: relative;
}
.bg-animate {
  width: 100vw;
  height: 100vh;
  background-size:cover;
  /* animation: grow infinite alternate ease-in-out 8s;*/
 animation-name:grow;
  -webkit-animation-name: grow;
  animation-duration:90s;
   -webkit-animation-duration:90s;
  animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
  animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}
.bg-home {
  background: url("../images/cooley-2000x1272.jpg") no-repeat center center;
  background-size:cover;
}
.bg-vineyards {
  background: url("../images/cooley-vineyard-2.jpg") no-repeat center center;
  background-size:cover;
}
@keyframes grow {
  0% {
     transform: scale(1);
  }
  100% {
     transform: scale(2.0);
  }
}

/* End Home BG Image Animation */

/* Start Text Right Hero Section */

.bgBox1 {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  background-size:cover;
}
.banner-pdp {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  background-size:cover;
	background-position: center center;
}
.background-grid {
  width: 100vw;
  min-height: 800px;
  max-height: 800px;
  background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
	
}

.bg-cooley {
   background: url("../images/cooley-2000x1284.jpg") no-repeat center center;
   background-position-y:-10px;
   background-size:cover;
   min-height:800px;
   max-height:800px;
}
.bg-about {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  background: url("../images/cooley-about.jpg") no-repeat center center;
  background-size:cover;
  background-position-y:220px;
}
.bg-product {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  background: url("../images/product-hero.jpg") no-repeat center center;
  background-size:cover;
}
.bg-product-ranch {
  width: 100vw;
  min-height: 800px;
  max-height: 800px;
  background: url("../images/cooley-sunset.jpg") no-repeat center center;
  background-size:cover;
}
.bg-product-vineyard-spring {
  width: 100vw;
  min-height: 800px;
  max-height: 800px;
  background: url("../images/banner-cooley-spring.jpg") no-repeat center center;
  background-size:cover;
}
.bg-painting {
  width: 100vw;
  min-height: 800px;
  max-height: 800px;
  background: url("../images/painting-background.jpg") no-repeat center center;
  background-size:cover;
}
.content-wrapper {
  width:50%;
  max-width:768px;
  left: 50%;                        
  top: 60%;                        
  transform: translate(-50%, -60%); 
  position:absolute;
  z-index: 2;
}
.learn-more-button {
  margin-top:200px;
}
@media (min-width:992px) and (max-width:1600px) {
  .bg-about {
    margin-top:0px;
  }
}

@media (min-width:992px) and (max-width:1024px) {
  .bg-cooley {
    min-height:500px;
    max-height:500px;
  }
}
@media (max-width:767px) {
    div.h1-center {
      text-align: center;
      width:300px;
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 667px) and 
(min-device-width: 375px) and (orientation: portrait) {
  .bg-product {
    background-position-x:-470px;
  }
  .bg-about {
    background-position-y: 290px;
  }
  .bg-product-ranch {
    min-height:900px;
    max-height:900px;
  }
  .bg-cooley {
    min-height:500px;
    max-height:500px;
  }
  .content-wrapper {
    top:50%;
    transform:translate(-50%, -50%);
  }
  .content-wrapper-over {
    top:75%;
    transform:translate(-50%, -75%);
}
  .learn-more-button {
    margin-top:-100px;
  }
}

/* End Text Right Hero Section */
section.varietal-block,
section.bg-img-block {
  z-index: 100;
}
.bg-pattern {
  background: url("../images/harlequin-pattern.png") repeat-y center top;
  position:absolute;
  height:1150px;
  z-index:0;
}

@media (max-width: 991px){
	    .bg-pattern {	
      position:absolute;
      height:600px;
      left:50%;
      margin-left:-200px;
      width:400px;
    }
}
.pad {
    padding-top:40px;
    padding-bottom:80px
}
.pad-top {
    padding-top:40px;
}
p.price {
  font-size:18px;
  margin-bottom:0;
}

/* Start Text Block Right */
.text-box-wrapper {
    padding-top:40px;
    width:604px;
    float:right;
}
.text-box-wrapper-over {
    position: absolute;
    z-index: 1;
	width: 46%;
	left: 27%;
}

.varietal-block .text-box-wrapper {
  padding-top:100px;
}
.text-box-container {
    float:left;
    width:70%; 
    display:inline-block; 
    border-top:4px solid #263745; 
    border-right:4px solid #263745; 
    border-bottom:4px solid #263745;
    margin-bottom:15px;
}
.border-white {
	border-color: #ffffff !important;
}
.border-black {
	border-color: #000000 !important;
}
.border-red {
	border-color: #822220 !important;
}
.border-violet {
	border-color: #120742 !important;
}

.text-box-container h1 {
    border-bottom:2px solid #263745; 
    padding-top:40px; 
    padding-bottom:30px; 
    margin:0;
}
.text-box img {
    margin:0 auto;
}
.icon-box {
    float:right; 
    width:30%; 
    display:inline-block; 
    border-top:4px solid #263745; 
    border-bottom:4px solid #263745;
    margin-bottom:15px;
}
.icon-box img {
   width:60%; 
   margin:0 auto; 
   position: relative; 
   top:50%; 
   transform:translateY(-50%);
}
img.icon-box-logo {
  width:70%;
}
img.icon-box-story,
img.icon-box-winemaker {
  width:auto;
}
.text-box {
  border-bottom:4px solid #263745;
}
.dark .text-box p {
    color:#fff;
    font-weight:400;
}
.varietal-block {
  max-height: 800px;
  min-height:800px;
}
.details {
    font-size:14px;
    color:#fff;
    position:absolute;
    margin-top:20px;
}
.details .vintage {
    margin-top:-33px;
    margin-left:85px;
}
.details .varietal {
    margin-top:-22px;
    margin-left:155px;
    text-transform: uppercase;
}
.details .appellation {
    margin-top:-20px;
    margin-left:295px;
}
.details .state {
    margin-top:-20px;
    margin-left:489px;
}
.button-shop {
    margin-top:120px;
}
.button-shop-short {
    margin-top:20px;
}
.text-block-button {
  padding-top:25px; 
  padding-bottom:65px;
  margin:0 auto;
}

@media (max-width:992px ){
	.text-box-wrapper-over {
	width: 70%;
	left: 15%;
}

}
@media (max-width:650px ){
.text-box-wrapper-over {
	width: 96%;
	left: 2%;
}

}


/* ----------- Our Wines Section -------- */
.our-wines-container {
    width: 49%;
    float: left;
    padding: 30px;
}
.our-wines img {margin: 0 auto; width:100%; max-width: 320px;}
.bottle img {
    width:35%;
    margin:0 auto;
}

@media (max-width:1200px) {
	.our-wines-container { padding: 10px;}

} 

@media (max-width: 750px) {
	.our-wines-container {width: 75%; margin: 0 auto; float: none;}

} 
@media (max-width: 600px) {
	.our-wines-container {width: 90%; margin: 0 auto; float: none;}

} 

/* ----------- Laptop Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
  
  .varietal-block .text-box-wrapper {
    padding-top:80px;
  }
  #red-blend.varietal-block {
    max-height:700px;
    min-height:700px;
  }
  .varietal-block {
    max-height:650px;
    min-height:650px;
  }
  #red-blend .text-box-wrapper{
    padding-top:80px;
}
	  
}

@media (min-width:992px) and (max-width:1199px) {
  .varietal-block .text-box-wrapper {
    padding-top:150px;
  }
  #red-blend .text-box-wrapper{
    padding-top:75px;
  }
  .pad-top {
    padding-top:0;
  }
.bottle img {
    width:50%;
}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
}
@media (min-width:768px) and (max-width:991px) {
    .text-box-wrapper {
        width:100%;
        float:none;
        padding-left:55px;
        padding-right:55px;
    }
    .varietal-block .text-box-wrapper {
        padding-top:50px;
    }
    .button-shop {
        margin:90px auto 40px !important;
    }
    .bottle-block {
        left: 50%;           
        transform: translate(-50%, 0)
    }
    .varietal-block {
      min-height:1035px;
    }

    #red-blend.varietal-block {
      min-height:1120px;
    }
    .pad-top {
      padding-top:40px;
    }
    .bg-img-block .text-box-wrapper {
      padding-bottom:0;
    }

}
/* iPad Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 991px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}
@media (max-width:767px) {
  .table-responsive {
    border:none;
  }
  .varietal-block .table-responsive {
    font-size:9px;
  }
  .pad.center-content {
    padding-bottom:40px;
  }
}
@media (min-width:600px) and (max-width:767px) {
    .varietal-block .text-box-wrapper {
        padding-top:50px;
    }
    .text-box-wrapper {
        width:100%;
        float:none;
        margin:0 auto;
    }
    .varietal-block {
      min-height:1060px;
    }
    #red-blend.varietal-block {
      min-height:1100px;
    }
    .button-shop {
        margin:100px auto 0 !important;
    }
    .details table {
        border:0; 
        width:86%; 
        float:right; 
        margin-top:-28px; 
        text-transform: uppercase; 
        font-size:10px;
    }  
}
@media (max-width:599px) {
    .text-box-wrapper {
        width:100%;
        float:none;
    }
    .center-text-box .text-box-wrapper {
      margin-top:0 !important;
    }
    .varietal-block .text-box-wrapper {
        padding-top:50px;
    }
    .varietal-block {
      min-height:1030px;
    }
    #red-blend.varietal-block {
      min-height:1040px;
    }
   .button-shop {
      margin:90px auto 0;
    }  
}
@media (max-width:419px) {
.text-box-container h1.white,
.text-box-container h1.blue {
	font-size: 28px;
}
    .button-shop {
      margin:70px auto 0;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
  .varietal-block {
      min-height:950px;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
    .varietal-block {
      min-height:920px;
    }
    #red-blend.varietal-block {
      min-height:960px;
    }
    .button-shop {
      margin:70px auto 0;
    }
}

/* End Text Block Right */

/* Start Buttons */

@media (max-width:991px) {
  .button-center {
    left:35%;
    transform: translate(-35%, 0);
  }
}

/* End Buttons */

/* Start Lat & Long and Side Overlays */

.side-caption,
.side-caption-navigation {
  font-family: 'Josefin Slab', serif;
  position:absolute; 
  color:#fff;
  font-weight:600;
  z-index: 99;
  letter-spacing: 5px;
}
.side-caption-navigation {
   font-family: 'Raleway', sans-serif;
}
.longlat {
font-family: 'Raleway', sans-serif;
}
.side-caption-rotate {
  /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.center-right { 
    top:50%; 
    right:-35px; 
}
.center-right-about { 
	top: 70%;
    right: -105px;
}
.center-right p,
.center-left p {
  font-weight:700;
	font-size: 11px;
}
.center-left {
    top:50%; 
    left:-45px; 
}
.top-right {
    top: 59%;
    right: -110px;
}
.bottom-left {
    bottom:0; 
    left:2%; 
}
@media (min-width:768px) and (max-width:1024px) {
  .top-right {
    top:60%;
  }
}
@media (max-width:767px) {
  .center-right,
  .center-right-about,
  .center-right p,
  .center-left p, 
  .center-left, 
  .top-right, 
  .bottom-left {
    display: none;
  }
}
/* End Lat & Long overlays */

/* Start three box layout */
.box-one {
    margin-top:-460px;
    z-index: 100;
}
#winemaker .box-one {
  margin-top:-550px;
}
.box-three {
    margin-top:0;
    z-index: 300;
}
.xs {
  display: none;
}
@media (min-width:1024px) and (max-width:1199px) {
    .box-three {
        margin-top:0;
    }
    p.img-caption-sm {
        line-height:1.5;
    }
    p.img-caption-sm .indent {
        padding-left:50px;
        margin-top:5px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .box-one,
    #winemaker .box-one {
        margin-top:-50px;
    }
    .box-two .text-box-wrapper {
        padding-top:0;
    }
    .box-three {
        margin-top:150px;
        margin-left:-180px;
        margin-bottom:60px;
    }
    p.img-caption-sm,
    p.img-caption-sm.indent {
        position:absolute;
        width:350px;
    }
    p.img-caption-sm {
        margin-top:210px;
        margin-left:133px;
    }
    p.img-caption-sm.indent {
        margin-top:240px;
        margin-left:130px;
    }
    #winemaker-caption p.img-caption-sm {
      margin-top:150px;
    }
    #winemaker-caption p.img-caption-sm.indent {
      margin-top:180px;
      margin-left:90px;
      width:400px;
    }
}
@media (max-width:767px) {
    section.three-box {
        padding-top:0;
        padding-bottom:0;
    }
    .col-xs-12.box-one {
      padding-left:0;
      padding-right:0;
    }
    .box-one,
    #winemaker .box-one {
        margin-top:-190px;
    }
    #winemaker h1 {
      font-size:26px;
    }
    .box-three {
        margin-left: 50%;                        
        transform: translate(-50%, 0); 
    }
    .lg {
        display: none;
    }  
    .xs {
        display: block;
    }
    .img-caption-sm,
    .img-caption-sm.indent {
        display: none;
    }
}

@media (min-width:400px) and (max-width:499px) {
    .box-three > img.xs {
        min-width:300px;
    }
    .box-three {
        margin-left: 25%;                        
        transform: translate(-25%, 0); 
    }
}

@media (max-width:400px) {
    .box-three > img.xs {
        min-width:200px;
    }
    .box-three {
        margin-left: 35%;                        
        transform: translate(-35%, 0); 
    }
}
    
/* End three box layout */

/* Start Center Content Section */

.center-content .logo-2 {
    max-width:150px;
    margin:0 auto;
}
.center-content .row {
    max-width:80%;
}
.center-content h1 {
	margin-top:50px;
}
.center-content h2 {
    font-size:22px;
    margin-bottom:20px;
    margin-top:50px;
}
.center-content p {
    font-size:22px;
    margin-bottom:30px;
    font-weight:400;
}
.text-block-lg {
  text-align: center;
  left:13%;
}

@media (max-width:767px) {
  .text-block-lg {
    left:0;
  }
}

/* End Center Content Section */

/* Start Center Text Box Section */

.center-text-box .text-box-wrapper {
    float:none;
    margin:0 auto;
}
.center-text-box-about  {
    position:absolute;
    top:80px;
    left: 50%;  
    transform: translate(-50%, 0);
    width:604px;
}
.center-text-box-about .text-box-wrapper {
  float:none;
}
@media (min-width:768px) and (max-width:991px) {
  .center-text-box-about {
    width:100%;
    float:none;
    margin:0 auto;
  }
}
@media (min-width:600px) and (max-width:767px) {
  .center-text-box-about {
    width:100%;
    float:none;
    margin:0 auto;
    top:70px;
  }
}
@media (max-width:599px) {
  .center-text-box-about {
    width:100%;
    float:none;
    margin:0 auto;
    top:20px;
  }
}

/* End Center Text Box Section */

/* Start Footer */
footer {
    text-align: center;
    background:#464646;
    color:#d4c6c3;
    padding:35px 0;
}
footer ul {
  padding:0;
  margin-bottom:20px;
}
footer ul li {
	display:inline;
}
footer .footer-nav a {
    color:#d4c6c3;
}
footer .footer-nav {
	padding-bottom:10px;
	text-transform: uppercase;
	font-size:10px;
	font-weight:700;
  display:inline;
}
footer .footer-text p {
	font-size:10px;
  margin-top:5px;
	margin-bottom:5px;
	color:#d4c6c3;
}
@media screen and (max-width: 767px) {
  footer .footer-nav li {
    padding-right:0;
  }
}

/* End Footer */

/* Start Page Setup for Animation */

/*#intro .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}*/
.animate,
.animate1 {
    opacity: 0;
    transform: translateY(50px); /*Take out if movement not wanted*/
    transition: all 1s ease-out;
}
.animate.fade-in,
.animate1.fade-in {
    opacity: 1;
    transform: translateY(0);/*Take out if movement not wanted*/
}
#main {
  position:relative;
  z-index: 100;
}
/* End Page Setup for Animation */

/* Start Carousel */

.slider-wr {
  width: 80%;
  padding: 0;
  margin: 20px auto 100px;
  box-sizing: border-box;
}
.slide {
  padding: 0;
  box-sizing: border-box;
}
.slick-slide {
  margin:0 -10px;
}
.slide img {
  max-width: 100%;
  position: relative;
  transform: scale(0.8); /*makes side images smaller*/
  transition: all 1s ease-out;
  opacity: 1;
}
.slide.slick-center img {
  transform: scale(1.1);
  transition: all 1s ease-out;
  opacity: 1;
}
.slick-prev, .slick-next {
    background: url(../images/next-prev.png);
    background-position: 0 0;
    height: 168px;
    width:47px;
    cursor: pointer;
    top: 50%;
    left: -47px;
    margin-top: -70px;
    position: absolute;
    z-index: 110;
    border:none;
}
.slick-next {
  right: -47px;
	left: auto;
	background-position: 0 -176px;
}
.carousel-tagline {
  margin-top:-130px;
  font-size:12px;
}
.tagline-left {
  margin-left:115px; 
  width:20%; 
  display:inline-block;
}
.tagline-right {
   float:right; 
   margin-right:110px; 
   width:20%; 
   display:inline-block; 
   text-align: right;
}
@media (min-width:992px) and (max-width:1024px) {
  .slick-slide {
    margin:0 -9px;
  }
}
@media (min-width:768px) and (max-width:991px) {
  .slick-slide {
    margin:0 -6.5px;
  }
  .carousel-tagline {
    margin-top:-100px;
  }
  .tagline-left {
    margin-left:75px;
  }
  .tagline-right {
    margin-right:75px;
  }
  .slick-prev, .slick-next {
    top:47%;
  }
}
@media (min-width:600px) and (max-width:767px) {
  .slick-slide {
      margin:0 -6px;
    }
}
@media (max-width:767px) {
  .carousel-tagline {
    display: none;
  }
}
@media (max-width:599px) {
  .slider-wr {
    margin-top:-40px;
    margin-bottom:-70px;
  }
  .slick-next {
    right:-25px;
  }
  .slick-prev {
    left:-25px;
  }
}

/* End Carousel */

/* 360 Vineyard Image Override Styles */
.inst {
	font-size: 1.2em !important;
 
}

@media (min-width: 768px) {
.inst {
    font-size: 20px;
}
}
/* Universal Margin/Padding Treatments */

.mt-0{margin-top:0!important}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}.mt-60{margin-top:60px}.mt-70{margin-top:70px}.mt-80{margin-top:80px}.mt-90{margin-top:90px}.mt-100{margin-top:100px}.mt-110{margin-top:110px}.mt-120{margin-top:120px}.mt-130{margin-top:130px}.mt-140{margin-top:140px}.mb-0{margin-bottom:0!important}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}.mb-60{margin-bottom:60px}.mb-70{margin-bottom:70px}.mb-80{margin-bottom:80px}.mb-90{margin-bottom:90px}.mb-100{margin-bottom:100px}.mb-110{margin-bottom:110px}.mb-120{margin-bottom:120px}.mb-130{margin-bottom:130px}.mb-140{margin-bottom:140px}.pt-0{padding-top:0!important}.pt-10{padding-top:10px}.pt-20{padding-top:20px}.pt-30{padding-top:30px}.pt-40{padding-top:40px}.pt-50{padding-top:50px}.pt-60{padding-top:60px}.pt-70{padding-top:70px}.pt-80{padding-top:80px}.pt-90{padding-top:90px}.pt-100{padding-top:100px}.pt-110{padding-top:110px}.pt-120{padding-top:120px}.pt-130{padding-top:130px}.pt-140{padding-top:140px}.pb-0{padding-bottom:0!important}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}.pb-30{padding-bottom:30px}.pb-40{padding-bottom:40px}.pb-50{padding-bottom:50px}.pb-60{padding-bottom:60px}.pb-70{padding-bottom:70px}.pb-80{padding-bottom:80px}.pb-90{padding-bottom:90px}.pb-100{padding-bottom:100px}.pb-110{padding-bottom:110px}.pb-120{padding-bottom:120px}.pb-130{padding-bottom:130px}.pb-140{padding-bottom:140px}@media only screen and (max-width:1200px){.mt-lg-0{margin-top:0!important}.mt-lg-10{margin-top:10px}.mt-lg-20{margin-top:20px}.mt-lg-30{margin-top:30px}.mt-lg-40{margin-top:40px}.mt-lg-50{margin-top:50px}.mt-lg-60{margin-top:60px}.mt-lg-70{margin-top:70px}.mt-lg-80{margin-top:80px}.mt-lg-90{margin-top:90px}.mt-lg-100{margin-top:100px}.mt-lg-110{margin-top:110px}.mt-lg-120{margin-top:120px}.mt-lg-130{margin-top:130px}.mt-lg-140{margin-top:140px}.mb-lg-0{margin-bottom:0!important}.mb-lg-10{margin-bottom:10px}.mb-lg-20{margin-bottom:20px}.mb-lg-30{margin-bottom:30px}.mb-lg-40{margin-bottom:40px}.mb-lg-50{margin-bottom:50px}.mb-lg-60{margin-bottom:60px}.mb-lg-70{margin-bottom:70px}.mb-lg-80{margin-bottom:80px}.mb-lg-90{margin-bottom:90px}.mb-lg-100{margin-bottom:100px}.mb-lg-110{margin-bottom:110px}.mb-lg-120{margin-bottom:120px}.mb-lg-130{margin-bottom:130px}.mb-lg-140{margin-bottom:140px}.pt-lg-0{padding-top:0!important}.pt-lg-10{padding-top:10px}.pt-lg-20{padding-top:20px}.pt-lg-30{padding-top:30px}.pt-lg-40{padding-top:40px}.pt-lg-50{padding-top:50px}.pt-lg-60{padding-top:60px}.pt-lg-70{padding-top:70px}.pt-lg-80{padding-top:80px}.pt-lg-90{padding-top:90px}.pt-lg-100{padding-top:100px}.pt-lg-110{padding-top:110px}.pt-lg-120{padding-top:120px}.pt-lg-130{padding-top:130px}.pt-lg-140{padding-top:140px}.pb-lg-0{padding-bottom:0!important}.pb-lg-10{padding-bottom:10px}.pb-lg-20{padding-bottom:20px}.pb-lg-30{padding-bottom:30px}.pb-lg-40{padding-bottom:40px}.pb-lg-50{padding-bottom:50px}.pb-lg-60{padding-bottom:60px}.pb-lg-70{padding-bottom:70px}.pb-lg-80{padding-bottom:80px}.pb-lg-90{padding-bottom:90px}.pb-lg-100{padding-bottom:100px}.pb-lg-110{padding-bottom:110px}.pb-lg-120{padding-bottom:120px}.pb-lg-130{padding-bottom:130px}.pb-lg-140{padding-bottom:140px}}@media only screen and (max-width:1024px){.mt-md-0{margin-top:0!important}.mt-md-10{margin-top:10px}.mt-md-20{margin-top:20px}.mt-md-30{margin-top:30px}.mt-md-40{margin-top:40px}.mt-md-50{margin-top:50px}.mt-md-60{margin-top:60px}.mt-md-70{margin-top:70px}.mt-md-80{margin-top:80px}.mt-md-90{margin-top:90px}.mt-md-100{margin-top:100px}.mt-md-110{margin-top:110px}.mt-md-120{margin-top:120px}.mt-md-130{margin-top:130px}.mt-md-140{margin-top:140px}.mb-md-0{margin-bottom:0!important}.mb-md-10{margin-bottom:10px}.mb-md-20{margin-bottom:20px}.mb-md-30{margin-bottom:30px}.mb-md-40{margin-bottom:40px}.mb-md-50{margin-bottom:50px}.mb-md-60{margin-bottom:60px}.mb-md-70{margin-bottom:70px}.mb-md-80{margin-bottom:80px}.mb-md-90{margin-bottom:90px}.mb-md-100{margin-bottom:100px}.mb-md-110{margin-bottom:110px}.mb-md-120{margin-bottom:120px}.mb-md-130{margin-bottom:130px}.mb-md-140{margin-bottom:140px}.pt-md-0{padding-top:0!important}.pt-md-10{padding-top:10px}.pt-md-20{padding-top:20px}.pt-md-30{padding-top:30px}.pt-md-40{padding-top:40px}.pt-md-50{padding-top:50px}.pt-md-60{padding-top:60px}.pt-md-70{padding-top:70px}.pt-md-80{padding-top:80px}.pt-md-90{padding-top:90px}.pt-md-100{padding-top:100px}.pt-md-110{padding-top:110px}.pt-md-120{padding-top:120px}.pt-md-130{padding-top:130px}.pt-md-140{padding-top:140px}.pb-md-0{padding-bottom:0!important}.pb-md-10{padding-bottom:10px}.pb-md-20{padding-bottom:20px}.pb-md-30{padding-bottom:30px}.pb-md-40{padding-bottom:40px}.pb-md-50{padding-bottom:50px}.pb-md-60{padding-bottom:60px}.pb-md-70{padding-bottom:70px}.pb-md-80{padding-bottom:80px}.pb-md-90{padding-bottom:90px}.pb-md-100{padding-bottom:100px}.pb-md-110{padding-bottom:110px}.pb-md-120{padding-bottom:120px}.pb-md-130{padding-bottom:130px}.pb-md-140{padding-bottom:140px}.ps-20{padding:0px 20px;}
	
	@media only screen and (max-width:767px){.mt-sm-0{margin-top:0!important}.mt-sm-10{margin-top:10px}.mt-sm-20{margin-top:20px}.mt-sm-30{margin-top:30px}.mt-sm-40{margin-top:40px}.mt-sm-50{margin-top:50px}.mt-sm-60{margin-top:60px}.mt-sm-70{margin-top:70px}.mt-sm-80{margin-top:80px}.mt-sm-90{margin-top:90px}.mt-sm-100{margin-top:100px}.mt-sm-110{margin-top:110px}.mt-sm-120{margin-top:120px}.mt-sm-130{margin-top:130px}.mt-sm-140{margin-top:140px}.mb-sm-0{margin-bottom:0!important}.mb-sm-10{margin-bottom:10px}.mb-sm-20{margin-bottom:20px}.mb-sm-30{margin-bottom:30px}.mb-sm-40{margin-bottom:40px}.mb-sm-50{margin-bottom:50px}.mb-sm-60{margin-bottom:60px}.mb-sm-70{margin-bottom:70px}.mb-sm-80{margin-bottom:80px}.mb-sm-90{margin-bottom:90px}.mb-sm-100{margin-bottom:100px}.mb-sm-110{margin-bottom:110px}.mb-sm-120{margin-bottom:120px}.mb-sm-130{margin-bottom:130px}.mb-sm-140{margin-bottom:140px}.pt-sm-0{padding-top:0!important}.pt-sm-10{padding-top:10px}.pt-sm-20{padding-top:20px}.pt-sm-30{padding-top:30px}.pt-sm-40{padding-top:40px}.pt-sm-50{padding-top:50px}.pt-sm-60{padding-top:60px}.pt-sm-70{padding-top:70px}.pt-sm-80{padding-top:80px}.pt-sm-90{padding-top:90px}.pt-sm-100{padding-top:100px}.pt-sm-110{padding-top:110px}.pt-sm-120{padding-top:120px}.pt-sm-130{padding-top:130px}.pt-sm-140{padding-top:140px}.pb-sm-0{padding-bottom:0!important}.pb-sm-10{padding-bottom:10px}.pb-sm-20{padding-bottom:20px}.pb-sm-30{padding-bottom:30px}.pb-sm-40{padding-bottom:40px}.pb-sm-50{padding-bottom:50px}.pb-sm-60{padding-bottom:60px}.pb-sm-70{padding-bottom:70px}.pb-sm-80{padding-bottom:80px}.pb-sm-90{padding-bottom:90px}.pb-sm-100{padding-bottom:100px}.pb-sm-110{padding-bottom:110px}.pb-sm-120{padding-bottom:120px}.pb-sm-130{padding-bottom:130px}.pb-sm-140{padding-bottom:140px}}
	@media only screen and (max-width:767px){.mt-xs-0{margin-top:0!important}.mt-xs-10{margin-top:10px}.mt-xs-20{margin-top:20px}.mt-xs-30{margin-top:30px}.mt-xs-40{margin-top:40px}.mt-xs-50{margin-top:50px}.mt-xs-60{margin-top:60px}.mt-xs-70{margin-top:70px}.mt-xs-80{margin-top:80px}.mt-xs-90{margin-top:90px}.mt-xs-100{margin-top:100px}.mt-xs-110{margin-top:110px}.mt-xs-120{margin-top:120px}.mt-xs-130{margin-top:130px}.mt-xs-140{margin-top:140px}.mb-xs-0{margin-bottom:0!important}.mb-xs-10{margin-bottom:10px}.mb-xs-20{margin-bottom:20px}.mb-xs-30{margin-bottom:30px}.mb-xs-40{margin-bottom:40px}.mb-xs-50{margin-bottom:50px}.mb-xs-60{margin-bottom:60px}.mb-xs-70{margin-bottom:70px}.mb-xs-80{margin-bottom:80px}.mb-xs-90{margin-bottom:90px}.mb-xs-100{margin-bottom:100px}.mb-xs-110{margin-bottom:110px}.mb-xs-120{margin-bottom:120px}.mb-xs-130{margin-bottom:130px}.mb-xs-140{margin-bottom:140px}.pt-xs-0{padding-top:0!important}.pt-xs-10{padding-top:10px}.pt-xs-20{padding-top:20px}.pt-xs-30{padding-top:30px}.pt-xs-40{padding-top:40px}.pt-xs-50{padding-top:50px}.pt-xs-60{padding-top:60px}.pt-xs-70{padding-top:70px}.pt-xs-80{padding-top:80px}.pt-xs-90{padding-top:90px}.pt-xs-100{padding-top:100px}.pt-xs-110{padding-top:110px}.pt-xs-120{padding-top:120px}.pt-xs-130{padding-top:130px}.pt-xs-140{padding-top:140px}.pb-xs-0{padding-bottom:0!important}.pb-xs-10{padding-bottom:10px}.pb-xs-20{padding-bottom:20px}.pb-xs-30{padding-bottom:30px}.pb-xs-40{padding-bottom:40px}.pb-xs-50{padding-bottom:50px}.pb-xs-60{padding-bottom:60px}.pb-xs-70{padding-bottom:70px}.pb-xs-80{padding-bottom:80px}.pb-xs-90{padding-bottom:90px}.pb-xs-100{padding-bottom:100px}.pb-xs-110{padding-bottom:110px}.pb-xs-120{padding-bottom:120px}.pb-xs-130{padding-bottom:130px}.pb-xs-140{padding-bottom:140px}}@media only screen and (max-width:480px){.mt-xxs-0{margin-top:0!important}.mt-xxs-10{margin-top:10px}.mt-xxs-20{margin-top:20px}.mt-xxs-30{margin-top:30px}.mt-xxs-40{margin-top:40px}.mt-xxs-50{margin-top:50px}.mt-xxs-60{margin-top:60px}.mt-xxs-70{margin-top:70px}.mt-xxs-80{margin-top:80px}.mt-xxs-90{margin-top:90px}.mt-xxs-100{margin-top:100px}.mt-xxs-110{margin-top:110px}.mt-xxs-120{margin-top:120px}.mt-xxs-130{margin-top:130px}.mt-xxs-140{margin-top:140px}.mb-xxs-0{margin-bottom:0!important}.mb-xxs-10{margin-bottom:10px}.mb-xxs-20{margin-bottom:20px}.mb-xxs-30{margin-bottom:30px}.mb-xxs-40{margin-bottom:40px}.mb-xxs-50{margin-bottom:50px}.mb-xxs-60{margin-bottom:60px}.mb-xxs-70{margin-bottom:70px}.mb-xxs-80{margin-bottom:80px}.mb-xxs-90{margin-bottom:90px}.mb-xxs-100{margin-bottom:100px}.mb-xxs-110{margin-bottom:110px}.mb-xxs-120{margin-bottom:120px}.mb-xxs-130{margin-bottom:130px}.mb-xxs-140{margin-bottom:140px}.pt-xxs-0{padding-top:0!important}.pt-xxs-10{padding-top:10px}.pt-xxs-20{padding-top:20px}.pt-xxs-30{padding-top:30px}.pt-xxs-40{padding-top:40px}.pt-xxs-50{padding-top:50px}.pt-xxs-60{padding-top:60px}.pt-xxs-70{padding-top:70px}.pt-xxs-80{padding-top:80px}.pt-xxs-90{padding-top:90px}.pt-xxs-100{padding-top:100px}.pt-xxs-110{padding-top:110px}.pt-xxs-120{padding-top:120px}.pt-xxs-130{padding-top:130px}.pt-xxs-140{padding-top:140px}.pb-xxs-0{padding-bottom:0!important}.pb-xxs-10{padding-bottom:10px}.pb-xxs-20{padding-bottom:20px}.pb-xxs-30{padding-bottom:30px}.pb-xxs-40{padding-bottom:40px}.pb-xxs-50{padding-bottom:50px}.pb-xxs-60{padding-bottom:60px}.pb-xxs-70{padding-bottom:70px}.pb-xxs-80{padding-bottom:80px}.pb-xxs-90{padding-bottom:90px}.pb-xxs-100{padding-bottom:100px}.pb-xxs-110{padding-bottom:110px}.pb-xxs-120{padding-bottom:120px}.pb-xxs-130{padding-bottom:130px}.pb-xxs-140{padding-bottom:140px}}

.relative {
    position: relative;
}