/*
Theme Name: Angostura

Author: SX

*/
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
}
.col-xs-5ths {
	width: 20%;
	float: left;
}

body.age-gate-active {
	overflow-x: hidden;
	overflow-y: hidden;
	position: fixed;
	width: 100%;
	height: 100%;
}

.fixfixed {
	position: absolute !important;
}

/*iPhone portrait*/
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

		body.fixfixed .verify-age img {
			padding-top: 50px;
		}

}


div.fancy-select ul.options.overflowing.open {
	background: grey;
}

.intro-text p:last-child{
	margin-bottom: 20px;
}
@media (min-width: 768px) {
	.col-sm-5ths {
		width: 20%;
		float: left;
	}

}
@media (min-width: 992px) {
	.col-md-5ths {
		width: 20%;
		float: left;
	}
}
@media (min-width: 1200px) {
	.col-lg-5ths {
		width: 20%;
		float: left;
	}
}

.result-image {
	margin-top: 25px;
}
.result-image img {
	display: block;
	width: 80%;
	max-width: 300px;
	height: auto;
	margin: 0 auto;
}

.alignright {
	float: right;
}
.clickable {
	cursor: pointer;
}
.row {
	margin-right: 0px;
	margin-left: 0px;
}
.clear, .clearfix {
	clear: both;
	padding: 0 !important;
	margin: 0 !important;
}
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}
.bs-md, .bs-sm, .bs-xs {
	display: none !important;
}
.bs-md-inline, .bs-sm-inline, .bs-xs-inline {
	display: none;
}
.bs-dt-md, .bs-dt-sm {
	display: block;
}
.bs-dt-md-inline, .bs-dt-sm-inline {
	display: inline;
}
.bs-ut-sm, .bs-ut-md, .bs-ut-md-inline, .bs-ut-sm-inline {
	display: none;
}
.desktop {
	display: block;
}
.desktop-inline {
	display: inline;
}
.vertical-divider {
	border-left: 1px solid #333333;
}

.split-row.related-food-recipes.vertical-divider {
    min-height: 485px;
}
.ourportfolio .backtop {
	top: calc(10% - 18.5px);
}
.back-to-top {
	height: 90px;
}
.backtop {
	position: absolute;
	top: calc(50% - 18.5px);
	left: calc(50% - 40.6px);
}
.backtop .image {
	width: 34px;
	height: 17px;
	background-image: url('images/icons/arrow_up_gold.png');
	margin: 0 auto;
}
.backtop .text {
	text-decoration: none;
	font-weight: 700;
	font-size: 14px;
	color: #c59d35;
	text-transform: uppercase;
}
.hero-image {
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat;
}
.hero-text {
	font-size: 19px;
font-weight: 600;
color: #333333;
text-align: center;
line-height: 24px;
padding: 50px 20px;
}
.hero-text .heading {
	margin-top: 60px;
	margin-bottom: 24px;
	font-weight: 700;
	font-size: 26px;
	text-transform: uppercase;
}
.hero-image .hero-heading {
	height: 20vh;
	max-width: 338px;
	margin: calc(20vh + 92px) auto 0 auto;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.hero-text .heading:first-of-type {
	margin-top: 10px;
}
/* Age Verification */
.verify-age > div {
	margin-top: -25vh;
	text-align: center;
}
.verify-age {
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1500;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('images/age_background.jpg') #000;
	background-repeat: no-repeat;
	background-size: cover;
}
.verify-age p {
	margin-top: 25px;
}
.verify-age span {
	display: block;
	font-size: 18px;
	font-weight: 600;
	line-height: 23px;
	color: #ffffff;
}
.verify-age .enter {
	width: 114px;
	height: 50px;
	border: 0;
	background: #c59d35;
	font-size: 18px;
	font-weight: 600;
	color: #ffffff;
}
.verify-age .enter:hover {
	background-color: #947627;
}
/* Fancy Select */
div.fancy-select {
	position: relative;
	font-weight: bold;
	font-size: 13px;
	color: #46565D;
}
div.fancy-select.disabled {
	opacity: 0.5;
}
div.fancy-select select:focus + div.trigger {
}
div.fancy-select select:focus + div.trigger.open {
	box-shadow: none;
}
div.fancy-select div.trigger {
	border-radius: 4px;
	cursor: pointer;
	padding: 10px 24px 9px 9px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	color: #ffffff;
	width: 200px;
	transition: all 240ms ease-out;
	-webkit-transition: all 240ms ease-out;
	-moz-transition: all 240ms ease-out;
	-ms-transition: all 240ms ease-out;
	-o-transition: all 240ms ease-out;
}
div.fancy-select div.trigger:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	top: -25px;
	right: 9px;
	background: url('images/icons/arrow_up_gold.png');
	width: 20px;
	height: 53px;
	background-repeat: no-repeat;
	background-size: 16px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
div.fancy-select div.trigger.open {
		display: block;
}
div.fancy-select div.trigger.open:after {
		display: block;
}
div.fancy-select ul.options {
	-webkit-box-shadow:  none;
-moz-box-shadow:  none;
box-shadow: none;
	list-style: none;
	margin: 0;
	position: absolute;
	background-color: transparent;
	border: none;
	top: 40px;
	left: 0;
	visibility: hidden;
	opacity: 0;
	z-index: 50;
	max-height: 200px;
	overflow: auto;
	min-width: 200px;
	text-align: left;
	transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	    overflow-x: hidden !important;
			    padding: 0px !important;
}
div.fancy-select ul.options.open {
	visibility: visible;
	top: 50px;
	display: block;
	opacity: 1; /* have to use a non-visibility transition to prevent this iOS issue (bug?): */ /*http://stackoverflow.com/questions/10736478/css-animation-visibility-visible-works-on-chrome-and-safari-but-not-on-ios*/;
	transition: opacity 300ms ease-out, top 300ms ease-out;
	-webkit-transition: opacity 300ms ease-out, top 300ms ease-out;
	-moz-transition: opacity 300ms ease-out, top 300ms ease-out;
	-ms-transition: opacity 300ms ease-out, top 300ms ease-out;
	-o-transition: opacity 300ms ease-out, top 300ms ease-out;
}
div.fancy-select ul.options.overflowing {
	top: auto;
	bottom: 40px;
	transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
	-webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
	-moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
	-ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
	-o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
}
div.fancy-select ul.options.overflowing.open {
	top: auto;
	bottom: 50px;
	transition: opacity 300ms ease-out, bottom 300ms ease-out;
	-webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out;
	-moz-transition: opacity 300ms ease-out, bottom 300ms ease-out;
	-ms-transition: opacity 300ms ease-out, bottom 300ms ease-out;
	-o-transition: opacity 300ms ease-out, bottom 300ms ease-out;
}
div.fancy-select ul.options li {
	white-space: nowrap;
	font-size: 13px;
text-overflow: ellipsis;
	padding: 8px 12px;
	    margin: 0px;
	color: #ffffff;
	cursor: pointer;
	white-space: nowrap;
	transition: all 150ms ease-out;
	-webkit-transition: all 150ms ease-out;
	-moz-transition: all 150ms ease-out;
	-ms-transition: all 150ms ease-out;
	-o-transition: all 150ms ease-out;
}
div.fancy-select ul.options li.selected {
	background: rgba(255, 255, 255, 0.2);
	color: rgba(255,255,255,0.75);
}
div.fancy-select ul.options li.hover {
	background: rgba(255, 255, 255, 0.3);
	color: rgba(255,255,255,0.75);
}
div.fancy-select ul.options li.hover {
	color: #fff;
}
/* start style */
body {
	font-family: source sans pro;
}

/************************** NAVBAR START **************************/
.navbar {
	min-height: 80px;
	margin-bottom: 0px;
	border: 0;
}
.navmain {
	padding: 0;
}
.main-nav {
	margin-right: 25px;
	margin-left: 25px;
	padding-top: 18px;
}
.navbar-default {
	background-color: transparent;
	border-color: transparent;
}
body.scrolled .navbar-fixed-top {
	background-color: #000000;

	   -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}
.navbar-nav.navbar-right li>a {
	color: #c59d35;
	height: 30px;
	line-height: 0px;
	font-size: 18px;
	text-transform: uppercase;
	padding: 15px 22px;
	font-weight: 700;
	padding-top: 15px;
}
.navbar-nav.navbar-right li a:hover {
	color: #ffffff !important;
}
.navbar-nav.navbar-right li a:visited {
	color: #c59d35;
}
.navbar-nav.navbar-right li a:active {
	color: #ffffff;
}
.navbar-nav.navbar-right > li, a:after {
	border-right: 1px solid rgba(197,157,53,0.20);
	height: 32px;
}
.socialsearch {
	padding-top: 25px;
}
.navbar-fixed-top {
	background-color: rgba(0,0,0,0.57);
	padding-top: 5px;
	padding-bottom: 5px;
	height: 92px;

		   -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;

}
ul.nav.navbar-nav.navbar-right {
	margin-top: 10px;
}
.search {
	margin-left: 40px;
}
a.navbar-brand img {
	width: 132px;
	height: 48px;
}
.navbar-nav.navbar-right li:nth-child(4) a {
    border-right: 0px !important;
}
a.search {
	border-left: 1px solid white;
	padding-left: 30px;
}
.socialsearch {
	font-size: 22px;
}
.socialsearch a {
	color: #c59d35;
}
ul.dropdown-menu.searchform {
	width: 100%;
	background: #c59d35;
	border: 0px;
	top: 60%;
	padding-bottom: 15px;
	padding-top: 10px;
	border-radius: 0px;
}
ul.dropdown-menu.searchform form.form-inline {
	padding: 0 15px;
}
input.form-control.pull-left.searchinput {
	width: 100%;
	border-radius: 0px;
	border: 0px;
}
button.btn.btn-default.searchbtn {
	border: 0px;
	border-radius: 0px;
	height: 34px;
	background: black;
	color: white;
	position: absolute;
	right: 15px;
}
a.dropdown-toggle.searchicon {
	display: none;
}
.navbar-toggle {
	border: none;
	background: transparent !important;
}
.navbar-toggle:hover {
	background: transparent !important;
}
.navbar-toggle .icon-bar {
	width: 22px;
	transition: all 0.2s;
}
.navbar-toggle .top-bar {
	transform: rotate(45deg);
	transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
	opacity: 0;
}
.navbar-toggle .bottom-bar {
	transform: rotate(-45deg);
	transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
	transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
	opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
	transform: rotate(0);
}
/************************** NAVBAR END **************************/
/************************** CAROUSEL START **************************/
.carousel-fade .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
	opacity: 1;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-control {
	z-index: 2;
}
.fade-carousel {
	position: relative;
	height: 100%;
}
.fade-carousel .carousel-inner .item {
	height: 100%;
}
.fade-carousel .carousel-indicators > li {
	margin: 0 2px;
	background-color: #f39c12;
	border-color: #f39c12;
	opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
	width: 10px;
	height: 10px;
	opacity: 1;
}
/********************************/
/*          Hero Headers        */
/********************************/
.slide-image-left {
	z-index: 3;
	position: absolute;
	bottom: 10px;
	left: 10%;
}
hgroup {
	float: right;
	margin-right: 20%;
}
.hero {
	width: 65%;
	padding-right: 50px;
	position: absolute;
	top: 50%;
	left: 70%;
	z-index: 3;
	color: #fff;
	text-align: center;
	-webkit-transform: translate3d(-50%,-50%,0);
	-moz-transform: translate3d(-50%,-50%,0);
	-ms-transform: translate3d(-50%,-50%,0);
	-o-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}
.page-id-13  #fp-nav ul li .fp-tooltip {
font-family: 'Source Sans Pro';
font-size: 17.89px;
}
.page-id-13 #fp-nav ul li .fp-tooltip:after {
	    opacity: 0.5 !important;
}
a.sliderbtn {
		margin-top: 35px;
    display: inline-block;
    float: none;
    width: 230px;
    text-align: center;
    color: white;
    font-size: 20px;
    padding-top: 12px;
    padding-bottom: 10px;
    height: 54px;
    background: #c59d35;
    text-decoration: none;
}
a.sliderbtn:hover {
	background: #947627;
}

.sliderbtn .printfriendly a {
		margin-top: 35px;
    display: inline-block;
    float: none;
    width: 230px;
    text-align: center;
    color: white;
    font-size: 20px;
    padding-top: 12px;
    padding-bottom: 10px;
    height: 54px;
    background: #c59d35;
    text-decoration: none;
}
.sliderbtn:hover .printfriendly a {
	background: #947627;
}
hgroup p {
	/* width: 27%; */
    margin: 0 auto;
	margin-top: 30px;
	font-size: 18px;
	width: 335px;
	line-height: 24px;
}
.sliderimg2 {
	margin-top: 20px;
}
.sliderimg1 img {
	width: 170px;
	height: 62px;
}
.hero h1 {
	font-size: 6em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.fade-carousel .carousel-inner .item .hero {
	opacity: 0;
	-webkit-transition: 2s all ease-in-out .1s;
	-moz-transition: 2s all ease-in-out .1s;
	-ms-transition: 2s all ease-in-out .1s;
	-o-transition: 2s all ease-in-out .1s;
	transition: 2s all ease-in-out .1s;
}
.fade-carousel .carousel-inner .item.active .hero {
	opacity: 1;
	-webkit-transition: 2s all ease-in-out .1s;
	-moz-transition: 2s all ease-in-out .1s;
	-ms-transition: 2s all ease-in-out .1s;
	-o-transition: 2s all ease-in-out .1s;
	transition: 2s all ease-in-out .1s;
}
/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
}
@media screen and (max-width: 910px){
.fade-carousel .carousel-inner .item {
	height: 100% !important;
}
.fade-carousel {
	position: relative;
	height: 100% !important;
}
}
@media screen and (max-width: 640px){
	.hero h1 {
		font-size: 4em;
	}
}
.navbar-brand {
	float: left;
	height: 50px;
	padding: 0px;
	font-size: 18px;
	line-height: 20px;
}
.home-carousel .slideimg {
	height: 95vh;
	background-size: cover;
	background-position: center center;
}
.carousel-indicators {
	bottom: 30px;
}
.navbar-nav.navbar-right > li:last-child {
	border-right: none;
}
/************************** CAROUSEL END **************************/
/************************** CAROUSEL PRODUCTS START **************************/
div#carouselproducts {
	width: 80%;
	margin: 0 auto;
}
.thumbnail {
	display: block;
	padding: 4px;
	margin-bottom: 20px;
	line-height: 1.42857143;
	background-color: transparent;
	border: none !important;
	border-radius: 4px;
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out;
}
.productscarousel {
	background: black;
}
.productscarousel .carousel-inner {
	padding: 90px 0 70px 0;
}
.productscarousel .inner-container {
	position: relative;
	height: 350px;
	width: 182px;
	margin: 0 auto;
}
.productscarousel .inner-container .image-container {
	height: 330px;
	width: 95px;
	background-size: 95px 330px !important;
	background-repeat: no-repeat !important;
	margin: 0 auto;
}
.productscarousel .inner-container .image-headline {
	height: 89px;
	width: 100%;
	position: absolute;
	bottom: 8px;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: bottom center !important;
	background-color: rgba(0,0,0,0.5) !important;
	-webkit-box-shadow: 0px 0px 63px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 63px 5px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 63px 5px rgba(0,0,0,0.5);
}
.ourbitters {
	text-align: center;
	color: white;
	margin-bottom: 0px;
}
.ourbitters h1 {
	font-size: 26px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 47px;
	margin-bottom: 0px;
	display: inline-block;
}
a.right.carousel-control {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -10px;
	background: transparent;
	opacity: 1;
}
a.left.carousel-control {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -10px;
	background: transparent;
}
.fade-carousel .carousel-indicators > li {
	margin: 0 2px;
	background-color: white;
	border-color: white;
	opacity: .5;
	height: 15px;
	width: 15px;
}
.fade-carousel .carousel-indicators > li.active {
	margin: 0 2px;
	background-color: #ffffff;
	border-color: #ffffff;
	opacity: 1;
	height: 15px;
	width: 15px;
}
i.fa.fa-angle-double-left {
	font-size: 50px;
	float: left;
	margin-left: 50px;
}
i.fa.fa-angle-double-right {
	font-size: 50px;
	float: right;
	margin-right: 50px;
	opacity: 0.5;
}
i.fa.fa-angle-double-right:hover, i.fa.fa-angle-double-right:active {
	opacity: 1;
}
.img-hover {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.1); /* Safari and Chrome */;
	-moz-transform: scale(1.1); /* Firefox */;
	-ms-transform: scale(1.1); /* IE 9 */;
	-o-transform: translatZ(0) scale(1.1); /* Opera */;
	transform: translatZ(0) scale(1.1);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
.img-mouseout {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.0); /* Safari and Chrome */;
	-moz-transform: scale(1.0); /* Firefox */;
	-ms-transform: scale(1.0); /* IE 9 */;
	-o-transform: translatZ(0) scale(1.0); /* Opera */;
	transform: translatZ(0) scale(1.0);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}


/************************** CAROUSEL PRODUCTS END **************************/
/************************** FOOTER START **************************/
.footer {
	height: 140px;
	background: #000000;
}
.copyleft img {
	width: 132px;
	float: left;
	height: 48px;
	margin-left: 55px;
}

.copyleft{
	background: black;
	padding-top: 44.5px;
	padding-bottom: 42px;
}


.copyleft p {
	float: left;
	margin-left: 5%;
	margin-top: 1.3%;
	font-size: 14px;
	color: #747474;
}
.copyright {
	background: black;
	padding-top: 57.5px;
	padding-bottom: 44px;
}
.footer .list-inline {
	display: block;
	text-align: right;
	margin-right: 55px;
}
.footer .list-inline li a {
	display: inline-block;
}
.footer .list-inline > li {
	display: inline-block;
	padding-right: 14.5px;
	padding-left: 14.5px;
}
/*
.list-inline li a:after{content:'|'; margin:0 10px;}
*/
ul.list-inline a {
	color: #c59d35;
	font-size: 16px;
	text-decoration: none;
}
ul.list-inline a:hover {
	color: #ffffff !important;
}
ul.list-inline a:visited {
	color: #c59d35;
}
.footersocials {
	display: none;
}
.footersocials i {
	color: #c59d35;
	font-size: 40px;
}
.footersocialicons {
	text-align: center;
	padding: 14px;
}
/************************** FOOTER END **************************/
/************************** LATEST FROM US **************************/
.latestfromus {
	background: #E8E6E6;
	padding-bottom: 0px;
}
.latestfromus h3 {
	text-align: center;
	padding-top: 70px;
	margin-bottom: 15px;
	margin-top: 0px;
	font-size: 26px;
	text-transform: uppercase;
	color: #333333;
	font-weight: 700;
}
.tintup-wrapper {
	width: 90%;
	margin: 0 auto;
}
.ourapptext {
	color: white;
}
.ourapptext p {
	font-size: 26px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 50px;
	margin-bottom: 40px;
}
.ourapp .mobileversions {
/*	display: none;*/
}
.ourapp .download {
	display: block;
	height: 52px;
	width: 216px;
	margin: 0 0 20px 0;
	border: 2px solid white;
	text-align: center;
	color: white;
	font-size: 20px;
	padding-top: 10px;
	padding-bottom: 15px;
}

.ourapp .download:hover, .ourapp .download:active , .discover-btn:hover , .discover-btn:active {
    text-decoration: none;
    color: #1c1c1c !Important;
    background-color: #fff;
}

.download-btn:hover, .discover-btn:hover {
    color: #C59D35;
    text-decoration: none;
}
.download-btn, .discover-btn {
    display: block;
    width: 25%;
		min-width: 200px;
    margin: 0 auto ;
    border: 2px solid white;
    text-align: center;
    color: white;
    font-size: 16px;
    padding-top: 15px;
    padding-bottom: 15px;

}


.discover-btn {
    font-size: 20px;
		min-width: 250px;
}

.download:hover {
	color: white;
}
.mobileversions {
	float: left;
	width: 100%;
	    margin-bottom: 50px;
}
.mobileversions img {
	margin: 0 5px 0 0;
}

.discover-btn-div {
	height: 100%;
	padding: 124px 0px;
	margin-top: -40px;
	left: 50%;
	position: absolute;
}
/************************** LATEST FROM US END **************************/
/************************** OUR APP **************************/

.ourapp {
	clear: both;
	background: #1c1c1c;
	background-image: url('images/thumbnail.jpg');
	background-repeat: no-repeat;
	background-position: calc(50% - 175px) calc(100% + 25px);
}

/************************** OUR APP END **************************/


/***************** DISCOVER OUR PORTFOLIO *****************/

.ourportfolio {
	clear: both;
	background: #1c1c1c;
	height: 220px;
	background-repeat: no-repeat;
	background-size: cover;
}

.ourportfolio .bottles {
	background-image: url(images/portfolio_bottle_4.png);
	height: 100%;
	background-position: calc(55% - 214px) 8px;
	position: absolute;
	width: 100%;
	background-repeat: no-repeat;
	overflow: hidden;
	background-size: 195px;
}


/***************** DISCOVER OUR PORTFOLIO END *****************/



.triangles {
	position: absolute;
	width: 100%;
	margin-top: -16px;
	z-index: 999;
}
.left-triangle {
	width: 50%;
	border-bottom: 16px solid rgb(0, 0, 0);
	border-right: 25px solid transparent;
	float: left;
}
.right-triangle {
	width: 50%;
	border-bottom: 16px solid rgb(0, 0, 0);
	border-left: 25px solid transparent;
	float: left;
}
.home-carousel {
	background-color: #000;
}

.headerapp{ margin-top: 50px}

.col-sm-12.cocktails-recipes-hero {
    height: 74vh;
    background-repeat: no-repeat;
    background-size: cover;
		    background-position: center;
				    padding: 0;
}
.cocktails-recipes-hero-bottles {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position:calc(50% - 192px) 200px;
}

/************************** SOCIAL ICONS **************************/
.socialiconsheader {
	padding-top: 20px;
	font-size: 22px;
	padding-left: 0px;
	display: inline-flex;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
}
.socialiconsheader i {
	padding: 5px;
	color: #BF9D35 !important;
}
.socialiconsheader i:hover {
	padding: 5px;
	color: #fff !important;
}
/************************** SOCIAL END **************************/
/************************** Our Story **************************/
.oscontenthome {
	float: left;
	color: white;
	width: 60%;
}
.oscontenthome p {
	width: 50%;
	margin: 0 auto;
	padding-top: 30px;
	font-size: 18px;
}
div#fp-nav ul li:last-child {
	display: none !important;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
	border-radius: 0px !Important;
	position: absolute;
	z-index: 1; /*	height: 18px  !important;
	width: 8px  !important;*/;
	border: 0;
	background: gold !Important;
	margin: 0!Important;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.page #fp-nav ul li,.page .fp-slidesNav ul li {
    display: block;
    width: 7px;
    height: 29px;
    margin: 3px 0px;
    position: relative;
}
.page #fp-nav ul li a,.page .fp-slidesNav ul li a {
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
.page #fp-nav ul li a span,.page .fp-slidesNav ul li a span, .page #fp-nav ul li a span,.page:hover .fp-slidesNav ul li a span {
	border-radius: 0px;
position: absolute;
z-index: 1;
height: 100% !important;
width: 100% !important;
border: 0 ;
background: #333;
left: 0px !important;
top: 0px!important ;
margin: 0px!important;
background: #ffffff ;
opacity: 0.5;
padding: 0 !important;

	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;

}
/*#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
	border-radius: 0px !Important;
	position: absolute;
	z-index: 1;
	height: 30px !important;
	width:  !important;
	border: 0;
	background: #868686;
	left: 50%;
	top: 50%;
	margin: 0  !important;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}*/

#fp-nav > ul > li.active .fp-tooltip {
	opacity: 1 !important;
	color: #c59D35;
}
.fp-tooltip.right:after {
	border-top: 1px solid white;
	content: " ";
	display: inline-block;
	width: 60px;
	position: relative;
	bottom: 0px !important;
	margin-left: 10px;
	padding-bottom: 4px;
}
li:nth-child(odd) .fp-tooltip.right:after {
    width: 19px;
}
#fp-nav > ul > li.active .fp-tooltip:after {
	border-top: 1px solid yellow !important;
	content: " ";
	display: inline-block;
	width: 60px;
	position: relative;
	bottom: 2px !important;
}
.ossectionyear {
	color: white;
	width: 30%;
	margin: 0 auto;
    padding-top: 25%;
}
.ossectionyear p{
	font-size: 18px;

}
#section1 .ossectionyear .heading {
	margin-bottom: 25px;
}
a.sectiondown {
	color: white;
	font-size: 50px;
}
.mousekeyboard {
	float: left;
	position: absolute;
	left: 50%;
	bottom: 85px;
	margin-left: -100px;
}
.mousekeyboard img {
    float: left;
}

div#section1{
    background-position: center;
}
/************************** Our Story END **************************/
/************************** Porftolio **************************/
.intro-hero-image {
	background-size: cover !important;
	background-position: center center !important;
	height: 60vh;
}
.intro-text {
	min-height: 35vh;
}
.intro-text .intro-title {
	margin-top: 60px;
	margin-bottom: 24px;
	font-weight: 700;
	font-size: 26px;
	color: #333333;
}
.intro-text {
	font-size: 18px;
	line-height: 23px;
	color: #333333;
}
.intro-text .intro-title, .intro-text p {
	text-align: center;
}
.portfolio-intro {
	position: relative;
}
.hero-bottles {
  height: 100%;
  width: 100%;
  background-image: url('images/portfolio_bottle.png');
  background-repeat: no-repeat !important;
  background-position: 14% -14px !important;
  background-repeat: no-repeat !important;
  /* background-size: 500px; */
  background-size:351px;
}
.intro-text-size {
    max-width: 510px;
		    margin: 0 auto;
}
.sub-portfolio .intro-text-size {
    max-width: 550px;
    margin: 0;
}

.portfolio-intro .heading {
	height: 100%;
	width: 100%;
	background-image: url('images/headings/discover_our_range_of_bitters.png');
  background-repeat: no-repeat !important;
	background-position: 75% 45% !important;
	background-repeat: no-repeat !important;
}

/************************** Portfolio END **************************/
/************************** Porftolio Subpage **************************/
.sub-portfolio .intro-hero-image {
	height: 55vh;
}
.intro-bottle-image img {
	margin-top: -35.6vh;
	margin-bottom: 25px;
}
.sub-portfolio .intro-text {
	height: 41vh;
	margin-left: 0;
	font-size: 18px;
	line-height: 23px;
	color: #333333;
}
.sub-portfolio .intro-text .intro-title {
	margin-top: 90px;
	margin-bottom: 24px;
	font-size: 26px;
	color: #333333;
}
.sub-portfolio .intro-text .intro-title, .sub-portfolio .intro-text p {
	text-align: left;
}
.sub-portfolio .key-features {

	position: relative;

	z-index: 700;

	background-size: cover !important;
	background-position: center center !important;
	min-height: 510px;
	font-size: 16px;
	line-height: 23px;
	color: #ffffff;
}



.sub-portfolio .tasting-notes {

	padding-top: 40px;

  position: relative;

  z-index: 700;

  background: #ffffff;

}



.sub-portfolio .tasting-notes p {

	max-width: 316px;

	margin: 0 auto;

}



.sub-portfolio .key-features .heading {
	font-size: 20px;
	color: #ffffff;
	margin-top: 55px;
	margin-bottom: 24px;
	padding-left: 40px;
}
.sub-portfolio .key-features ul {
	margin-bottom: 60px;
	padding: 0;
	list-style-type: none;
}
.sub-portfolio .key-features ul li {
	position: relative;
	display: table;
	margin-bottom: 26px;
}
.sub-portfolio .key-features .text {
	display: table-cell;
	vertical-align: middle;
	padding-left: 40px;
}
.sub-portfolio .tasting-notes .tasting-notes-logo {
	display: block;
	background: url(images/headings/tasting_angostura_notes_logo.png);
	height: 175px;
	background-repeat: no-repeat;
	background-position: top center;
	margin-right: 24px;
}
.sub-portfolio .tasting-notes .heading {
	margin-top: 40px;
	margin-bottom: 26px;
	font-size: 26px;
	font-weight: 700;
	text-transform: uppercase;
	color: #c59d35;
}
.sub-portfolio .tasting-notes .section {
	text-align: center;
	margin-bottom: 70px;
}
.sub-portfolio .related-recipes {

	background-color: #000000;

	    overflow: hidden;

}
.sub-portfolio .related-recipes .heading {
	margin-top: 50px;
	margin-bottom: 25px;
	font-size: 26px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	color: #ffffff;
}
.sub-portfolio .related-cocktail-recipes .image-container {
	position: relative;
	height: 290px;
	width: 265px;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	background-position: bottom center !important;
}
.sub-portfolio .related-cocktail-recipes .image-headline {
	background-repeat: no-repeat !important;
	background-position: center bottom !important;
	width: 100%;
	height: auto;
	position: absolute;
	width: 100%;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 200px !important;
}
.sub-portfolio .related-cocktail-recipes .inner-container {
	position: relative;
	height: calc(290px + 25px);
	width: 265px;
	text-align: center;
}
.sub-portfolio .related-cocktail-recipes .inner-container:hover .image-container:first-child {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.10);
	-moz-transform: scale(1.10);
	-ms-transform: scale(1.10);
	-o-transform: translatZ(0) scale(1.10);
	transform: translatZ(0) scale(1.10);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
.sub-portfolio .related-cocktail-recipes .related-recipe:nth-child(odd) .inner-container {
  float: right;
}
.sub-portfolio .related-cocktail-recipes .related-recipe:nth-child(even) .inner-container {
  float: left;
}

.sub-portfolio .full-row.related-cocktail-recipes .related-recipe:nth-child(odd) .inner-container,
.sub-portfolio .full-row.related-cocktail-recipes .related-recipe:nth-child(even) .inner-container {
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.col-xs-12.col-sm-12.col-md-3.col-lg-3.related-recipe {
    margin-bottom: 70px;
}


.sub-portfolio .related-cocktail-recipes .inner-container a {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.sub-portfolio .related-food-recipes .image-container {
	width: 32vh;
	min-height: 30vh;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
.sub-portfolio .related-food-recipes .related-recipe a {
	margin-top: 15px;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	color: #ffffff;
}
.sub-portfolio .related-food-recipes .related-recipe a {
	text-decoration: none;
}
.related-food-recipes div .related-recipe:nth-child(odd) .inner-wrapper {
    max-width: 290px;
    float: right;

}
.related-food-recipes div .related-recipe .inner-wrapper {
		text-align: center;
		    max-width: 290px;
	}
/************************** Porftolio Subpage END **************************/
/************************** Porftolio Subpage Icons **************************/
.icon {
	background-size: cover;
	display: inline-block;
}
.key-feature .icon {
	position: absolute;
	top: calc(50% - 15px);
	height: 30px;
	width: 30px;
}
.bitter {
	background-image: url('images/icons/bitter.png');
}
.orange {
	background-image: url('images/icons/orange.png');
}
.star {
	background-image: url('images/icons/star.png');
}
.foodcover {
	background-image: url('images/icons/food_cover.png');
}
.tallglass {
	background-image: url('images/icons/tall_glass.png');
}
.bottle {
	background-image: url('images/icons/bottle.png');
}
.barbeque {
	background-image: url('images/icons/barbeque.png');
}
.seafood {
	background-image: url('images/icons/seafood.png');
}
.soup {
	background-image: url('images/icons/soup.png');
}
.chocolate {
	background-image: url('images/icons/chocolate.png');
}
.icecream {
	background-image: url('images/icons/ice_cream.png');
}
.flavour {
	background-image: url('images/icons/flavour.png');
}
.herb {
	background-image: url('images/icons/herbs.png');
}
.gluten-free {
	background-image: url('images/icons/gluten-free.png');
}
.gluten-free2 {
	background-image: url('images/icons/gluten-free2.png');e
}
.kosher {
	background-image: url('images/icons/kosher.png');
}
.kosher2 {
	background-image: url('images/icons/kosher2.png');
}
.non-alcoholic {
	background-image: url('images/icons/non-alcoholic.png');
}
.stomach {
	background-image: url('images/icons/stomach.png');
}
.vegan {
	background-image: url('images/icons/vegan.png');
}
.world {
	background-image: url('images/icons/world.png');
}
.shaker {
	background-image: url('images/icons/shaker.png');
}
.pestle-and-mortar {
	background-image: url('images/icons/pestle_and_mortar@2x.png');
}
.glass {
	background-image: url('images/icons/glass.png');
}


/************************** Porftolio Subpage Icons END **************************/
/************************** Cocktails and Mocktails **************************/

.page-template-cocktails-mocktails .recipes .carousel-indicators {
		display: none;
}

.video-overlay div#collapseExample{ margin-bottom: -5px;}

.recipes.recipes-mobile {
	display: none;
}
.hero-image.cocktails-mocktails-hero {
	background-image: url('images/hero/cocktails_and_mocktails_hero_image.jpg');
	height: 60vh;
}
.page-template-cocktails-mocktails .hero-text {
	padding-bottom: 70px;
}

.hero-image.cocktails-mocktails-hero .hero-heading {
	background: url('images/headings/Cocktails@2x.png');
}
.hero-image.food-recipes-hero .hero-heading {
	background: url('images/headings/food-recipe@2x.png');
  width: 100%;
}

.hero-image .hero-heading {
	height: 20vh;
	max-width: 338px;
	margin: calc(20vh + 92px) auto 0 auto;
	background-size: contain !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}
.carousel-control.recipe-carousel {
	display: none !important;
}
#recipe-carousel .carousel-indicators {
	display: none;
}
.recipes .carousel-indicators {
	display: none;
}
.recipes {
	padding-top: 25px;
	padding-bottom: 25px;
	background: #000000;
}
.recipes .recipe {
	margin: 0 0 50px 0;
}
.recipes .recipe .inner-container {
	position: relative;
	height: calc(290px + 25px);
	margin: 0 auto;
	text-align: center;
width: 100%;
}
.recipes .recipe .inner-container .image-container {
	position: relative;
	height: 290px;
	background-size: contain !important;
	background-position: bottom center !important;
	background-repeat: no-repeat !important;
}
.recipes .recipe .inner-container .image-container img {
    width: auto;
    height: 100%;
}
/*.recipes .recipe .inner-container .image-headline {
	background-repeat: no-repeat !important;
	background-position: center bottom !important;
	width: 100%;
	height: 78px;
	position: absolute;
	width: 100%;
	bottom: -21px;
	background-repeat: no-repeat;
	background-position: bottom center;
}*/
.recipes .recipe .inner-container .image-headline , .sub-portfolio .related-cocktail-recipes .image-headline {
	background-repeat: no-repeat !important;
	background-position: center top!important;
	position: relative;
	margin-top: -21px;
	background-repeat: no-repeat;
	background-position: bottom center;
	box-shadow: none;
	max-width: 160px;
	max-height: 80px;
	border: none !important;
	border-color: transparent !important;
	backface-visibility: hidden;
	transform: translateZ(0);
	filter: scale(0);
	-webkit-filter: blur(0);
}
.sub-portfolio .related-cocktail-recipes .image-headline {
	max-height: 69px;
}
.full-row.related-cocktail-recipes .related-recipe .inner-container{
	text-align: center;

}
/************************** Cocktails and Moctails END **************************/
/************************** Cocktails and Recipes **************************/
.hero-image.cocktails-recipes-hero {
	background-image: url('images/hero/cocktails_and_recipes_hero_image.jpg');
	height: 74vh;
}
.hero-image.cocktails-recipes-hero .hero-heading {
	width: 38vh;
	height: 23vh;
	margin-top: 25.5vh;
	position: absolute;
	left: 52%;
	background-image: url('images/headings/discover_our_cocktails&food_recipes.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.product-categories .image-container {

	display: flex;

	height: 46vh;
	width: 100%;
	background-repeat: no-repeat !important;
	background-size: cover !important;

	align-items: center;

	justify-content: center;



	transition: opacity .25s ease-in-out;

	-moz-transition: opacity .25s ease-in-out;

	-webkit-transition: opacity .25s ease-in-out;

}
.product-categories .image-container:hover, .product-categories .image-container:active {
    opacity: 0.85;
}
.product-categories .heading {
	height: 16vh;

	width: 38vh;
	top: calc(50% - 8vh);
	left: calc(50% - 18vh);
	background-repeat: no-repeat;
	background-position: center center;

	background-size: contain;

}



.intro-bottle-image img {

	visibility: hidden;

}



.product-categories .category.cocktails-mocktails .heading {

	max-height: 114px;

}

.product-categories .category.food-recipes .heading {

	max-height: 126px;

}



.product-categories .cocktails-mocktails .image-container {
}
.product-categories .cocktails-mocktails .heading {
}
.product-categories .food-recipes .image-container {
}
.product-categories .food-recipes .heading {
}
.product-categories .category a {
	display: block;
	margin-top: 15px;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	color: #333333;
}
.product-categories .category a:hover {
	text-decoration: none;
}
.product-categories .category {
	padding-bottom: 50px;
}
.product-categories .category .inner-wrapper {
	position: relative;
}

.cocktails-recipes-hero .heading {
  width: 100%;

  background-image: url('http://bitters.testing-domain-live.co.uk/wp-content/uploads/2016/01/Pleasure.png');

  height: 100%;

  background-repeat: no-repeat;

  background-position:calc(50% + 240px) 50%;

}

.hero-text p {
    line-height: 24px;
}

/************************** Cocktails and Recipes END **************************/
/************************** Food Recipes **************************/
.hero-image.food-recipes-hero {
	background-image: url('images/hero/food_hero_image.jpg');
	height: 60vh;
}
.hero-image.food-recipes-hero {
}
.page-template-food-recipes {
}
.food-recipes .recipe {
	margin-bottom: 80px;
}
.food-recipes .recipe .image-container {
	width: 100%;
    min-height: 310px;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
.food-recipes .recipe a {
	display: block;
	margin-top: 15px;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	color: #000000;
	text-align: center;
	position:absolute;
}
.inner-wrapper{
	position:relative;
}

.food-recipes .recipe a:hover {
	text-decoration: none;
}
.food-recipes-mobile {
	display: none;
}
/************************** Food Recipes END **************************/

/************************** App Page *******************************/

.page-id-236 .generalother > h2:first-of-type {
	display: none;
}

.generalother.app {
 padding-top: 10%;
}

.page-id-236 .ourapp {
	display: none;
}

.page-id-15	.hero-bottles {
	/* background-position-y: 9.5vh !Important; */
	background-position-y: -12.5vh !Important;
}

/************************** App Page  END **************************/


@media (min-width: 768px){
	.navbar-right {
		float: right !important;
		margin-right: 0px !important;
	}
}

@media (max-width: 768px){
	.portofolio-submenu {
		display: none;
	}
	.hero-heading-cp {
    margin: 10px auto 0 auto;
	}
	.navbar-nav.navbar-right > li a {
    border-right: none;
	}
}
@media (max-width: 320px){
	.tintup-wrapper {
		width: 70%;
	}
}
@media (min-width: 1600px) {

	.hero-bottles {
		background-position: 30% -14px !important;
	}
	.portfolio-intro .heading {
		background-position: 70% 45% !important;
	}
}
@media (min-width: 1920px) {

	.hero-bottles {
		background-position: 33% 2px !important;
	}



	.portfolio-intro .heading {
		background-position: 65% 45% !important;
	}
}

.fp-section.fp-table, .fp-slide.fp-table {
	background-size: cover;

}
.section.fp-auto-height.fp-section.fp-table.active.completely {
    z-index: 9999;
}
/*div#fp-nav ul li:nth-child(odd) {
    width: 50% !important;
    display: inline;
}*/
.navbar-fixed-top.portofolio-submenu {
	margin-top: 92px!important;
	height: 50px;
}
ul.nav.navbar-nav.navbar-right.portofolio-submenu-items {
	margin-top: 5px;
}
ul.nav.navbar-nav.navbar-right.portofolio-submenu-items li a {
	font-size: 15px;
}

ul#menu-main .current_page_item a {
	color: white!important;
}

div#fp-nav ul li:nth-last-child(2) {
	display: none !important;
}


.portofolio-submenu .navmain {

    border-top: 1px solid rgba(239,239,239,0.2);
    }
.navbar-fixed-top.portofolio-submenu{
  /*  border-bottom: 1px solid rgba(239,239,239,0.2);*/

}

.mousekeyboard p{
		color: #C59D35 !important;
    font-size: 14px;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
    float: right;
    margin-left: 12px;

}



.parallax-mirror {

    overflow: visible !important;

    z-index: 300 !important;

		left: 26% !important;

}



img.parallax-slider {

    width: 100% !important;

    height: auto !important;

    margin-top: 175px !important;

    margin-left: 11px !important;



}







/* Sub porfolio bottle parallax */

@media screen and (max-width: 1540px){

	.parallax-mirror {

		left: 22% !important;

	}

}





ul.dropdown-menu li {

    padding-bottom: 10px;

}



.row.food-recipes.food-recipes-desktop2 {

    padding-bottom: 25px;

}





.row.food-recipes.food-recipes-desktop.food-single-discover h2 {

    font-size: 26px;

}





.row.food-recipes.food-recipes-desktop2 a {

    font-size: 18px;

}



/**App Page*/



.headerapp {

    margin-top: 50px;

}



.headerapp h1 {

	font-size: 18px;

	font-weight: 600;

	margin-top: 50px;

}





.headerapp p {

	font-size: 16px;

	margin: 0px;

}



.headerapp strong {

    font-weight: 700;

		font-size: 14px;

}



.page .ourportfolio .bottles2 {

    background-image: url('images/story_discover_our_portfolio_bottles.png');

    height: 100%;

    background-position: calc(57% - 215px) 63%;

    width: 100%;

    background-repeat: no-repeat;

    overflow: hidden;

    top: 1px;

}



.discover-btn-div2 {

    height: 100%;

    padding: 124px 0px;

    margin-top: -40px;

    margin-left: 20%;

}

.appimage {

    width: 100%;

    position: relative;

}



.appimg2 img.attachment-.size-.wp-post-image {

    width: 100%;

		height: auto;

}

.appimg {

    position: absolute;

    top: 30px;

    right: 120px;

}

.app h2 {

    font-size: 32px;

    font-weight: 900;

    margin-bottom: 50px;

    margin-top: 40px;

}

.app ul li{

		line-height: 40px;

		font-size: 16px;

}

.appimg2{



}



/*Contact page*/

.page-template-contact p.title, .page-template-contact h2{

	color: #fff;

	font-size: 20px;

	margin-top: 20px;

}



 h2, .page-template-contact .send{

	text-align: center;

	margin: 30px 10px ;

}

.page-template-contact .contact-background h2{

    margin-top: 90px;

		font-size: 30px;

}

 .page-template-contact p.one-line {

    display: inline-flex;

		    width: 100% ;

}

.page-template-contact p.title:first-child{

	margin-top: 0px

}



.black-overlay{

    background: rgba(0, 0, 0, 0.25);

}

.contact-background{

	background: black;

	background-size: cover;

	background-repeat: no-repeat;

}



textarea.wpcf7-form-control.wpcf7-textarea ,

input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email,

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required

 {

    width: 100%;

}

input.wpcf7-form-control{

font-size: 20px;

    padding: 5px 10px;

}

span.wpcf7-form-control-wrap.PhoneNumberRegion {

    width: 28%;

}

span.wpcf7-form-control-wrap.PhoneNumberRegion input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel {

    width: 100%;

    margin-right: 10px;

}



span.wpcf7-form-control-wrap.PhoneNumber {

    width: 70%;

}



span.wpcf7-form-control-wrap.PhoneNumber input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel {

    width: 100%;

    margin-left: 3%;

}



.send input.wpcf7-form-control {

    font-size: 20px;

    padding: 5px 30px;

    background-color: #c59d35;

    border: #c59d35;

    color: #ffffff;

}



/*Custom Select*/

span.wpcf7-form-control-wrap.selectregion .options li:nth-child(5) {

    border-bottom: 1px dashed #333;

}





.s-hidden {



    visibility:hidden !important  ;

    padding-right:10px;

}



.select {

    cursor:pointer;

    display:inline-block;

    position:relative;

    /*font:normal 11px/22px Arial, Sans-Serif;

    color:black;

    border:1px solid #ccc;*/





    width: 100%;

    padding: 10px;

    display: inline-block;

    background-color: #fff;

    border: none;

    border-radius: 0;

    color: #333333;

    height: 100%;

    text-indent: 1px;

    text-overflow: '';

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;



}



.styledSelect {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-color: white;

  padding: 0 19px;

  font-size: 20px;

  line-height: 2;

  overflow: hidden;

}

.styledSelect:after {

  content: "";

  width: 25px;

  height: 100%;

  /* border: 5px solid transparent; */

  /* border-color: black transparent transparent transparent; */

  position: absolute;

  /* top: 9px; */

  right: 6px;

  background: #fff url('images/fa_angle-down.png') no-repeat right center;

  background-size: 25px;

  background-position-x: 95%;

  position: absolute;

top: 0px;

}



.styledSelect:active, .styledSelect.active {

  /*  background-color:#eee;*/

}

.styledSelect.active:after{

    -moz-transform: scaleY(-1);

    -o-transform: scaleY(-1);

    -webkit-transform: scaleY(-1);

    transform: scaleY(-1);

    filter: FlipV;

    -ms-filter: "FlipV";



}



.options {

	display: none;

	position: absolute;

	top: 100%;

	right: 0;

	left: 0;

	z-index: 99;

	margin: 0 0;

	padding: 0 0;

	list-style: none;

	max-height: 210px !Important;

	border: 1px solid #ccc;

	background-color: white;

	-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);

	-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);

	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);

	overflow-y: scroll;



}

.options li {

  margin: 20px 20px;

  padding: 20px 20px;

  font-size: 20px;

  color: #555;

}

.options li:hover {

    background-color:#c59d35;

    color:white;

}

.page-id-15	.hero-bottles {
	    background-position: 40% 2px !important;
}

#fp-nav ul li.active .fp-tooltip {
	text-decoration: underline;
}

@media (max-width: 359px) {
	.verify-age .enter {
		max-width: 80px;
		margin-left: -2px;
	}
  .parta, .partb {
   min-width: 300px !important;
}
}


@media (max-width: 1900px) {
	body #resize-bottle {
    background-position-y: 66px !important;
	}
	
	body.page-id-15 #resize-bottle{
	    background-position-y: bottom !important;
		
	}
}

.sklcontain {
    max-width: 1040px;
    margin: auto;
    margin-top: 60px;
color: white;
}
.parta, .partb {
    width: 50%;
    float: left;
    min-width: 320px;
      padding: 4%;
}
.hf, .rf {
    width: 50%;
    float: left;
}
.hf {
    padding-right: 15px;
}
.hr {
    padding-left: 15px;
}
p.dd {
    width: 37%;
    margin: auto;
}
/*july 2017*/
.navbar-fixed-top { height: 132px; }
.login-option {  overflow: hidden; padding: 0 0 20px;  width: 100%; text-align:right; }
.login-option ul { list-style:none; margin:0px; padding:0px; }
.login-option ul li { display: inline-block; margin:0 15px; }
.login-option ul li a { font-size:13px; color:#c59d35; }
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color:#000 !important; }
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {background-color:#000 !important; }