@charset "UTF-8";

/************************************************

Stylesheet: Main Stylesheet


font-family: 'Trade Gothic W01 Light';
font-family: 'TradeGothicW01-LightObl';
font-family: 'Trade Gothic W01 Roman';
font-family: 'Trade Gothic W01 Bold';
font-family:'TradeGothicW01-BoldCn20_675334';

*************************************************/
/* #menu-primary-1 > li.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item.page-item-19.current_page_item.menu-item-292, .inner-footer > div.content > a, #menu-primary-1 > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-292, .inner-content > div.product_content > a {display: none;} */

/*********************
2017 SUMMER PROMO
*********************/
.page-template-template-no-header header.header,
.page-template-template-no-header footer.footer { display: none; }

.page-id-64198 #content { z-index: auto; }

.page-id-64198 .banner { position: relative; display: block; background: url('../images/bg-sweeps-summer.jpg') no-repeat center; }
.page-id-64198 .banner p { display: none; }
.page-id-64198 .banner .content { max-width: 1440px; position: absolute; left: 50%; margin-left: -50%; top: 0; }
.page-id-64198 .banner .background { max-width: 1440px; }

.page-id-64198 .footer { background: #0093b1 url('../images/bg-footer-sweeps.jpg') repeat-x; position: relative; }
.page-id-64198 .footer article { margin: 120px auto 60px; text-align: center; max-width: 600px; position: relative; color: #fff; }
.page-id-64198 .footer article h2,
.page-id-64198 .footer article p { color: #fff; }
.page-id-64198 .footer article h2 {  margin: 0 0 1em; font-family:'TradeGothicW01-BoldCn20_675334'; }
.page-id-64198 .footer article h2 a { border-bottom: 2px solid #fff; color: #fff; }
.page-id-64198 .footer article p { font-family: 'Trade Gothic W01 Roman'; }
.page-id-64198 .footer ul,
.rules ul { padding: 1em; font-family: 'Trade Gothic W01 Light', sans-serif; font-size: 18px; color: #1c437e; }

@media screen and (min-width: 1441px) {
			.page-id-64198 .banner { background-size: cover; }
			.page-id-64198 .banner .background { display: none; }
			.page-id-64198 .banner .content { position: relative; left: auto; margin: 0 auto -20px; }
	    }

@media screen and (min-width: 741px) and (max-width: 1024px) {
			.page-id-64198 .banner { background-size: cover; }
			.page-id-64198 .banner .background { display: none; }
			.page-id-64198 .banner .content { position: relative; left: auto; margin: 0 auto -20px; }
	    }

@media screen and (min-width: 320px) and (max-width: 740px) {
			.page-id-64198 .banner {  background: url('../images/bg-sweeps-summer-mobile.jpg') no-repeat center; background-size: cover; }
			.page-id-64198 .banner .background { display: none; }
			.page-id-64198 .banner .content { position: relative; left: auto; margin: 0 auto 0; background: url('../images/sweeps-summer-content-mobile.png') no-repeat center bottom; width: 100%; height: 500px; background-size: contain; }
			.page-id-64198 .banner .content img { display: none; }
			.reveal { top: 0 !important; overflow: scroll !important; }
			.page-id-64198 .footer section { text-align: left; }
			.page-id-64198 .footer section ul { color: #fff; }
	    }

/* 	Age Gate - WPEngine
----------------------------------------------- */
#modal_screen {background: #fff; height: 100%;position: fixed;top:0;left: 0;width: 100%;z-index: 120000;}
#modal_content {height: 100%;margin: 0 auto; overflow-x: hidden;padding: 0;position: fixed;text-align: center;top: 0 !important;width: 100%;z-index: 120001;}
#modal_content_wrapper {display: -webkit-flex;display: -ms-flex;display: flex; flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: center;align-content: center;margin: 0 auto;position: relative;}
#modal_content nav {margin: 44px 0 88px 0; text-transform: uppercase;text-align: right;}
#modal_content nav ul {list-style: none; margin:0; padding:0;width: 100%;}
#modal_content nav li {display: inline-block; text-align: center; width: auto;}
#modal_content nav:after {content: "";display: block;clear: both;}
#modal_content nav .av_go, #modal_content nav .av_no {border: 1px solid #1c437d;color: #1c437d;background: none;font-size: 25px;text-transform: lowercase;margin: 3em 0;min-width: 112px;padding: 10px 39px; transition: all 0.2s;-webkit-transition: all 0.2s;}
#modal_content nav .av_go {margin-right: 8px;}
#modal_content #modal_regret_wrapper nav a.av_btn {margin-top:0; width:130px;}
#modal_regret_wrapper {height: 100%; padding-top: 90px;}
.content_forms .copyright {margin-top: 62px;}
.content_forms .copyright a {color: inherit;}
.content_forms p {margin: 0;}
img {
    pointer-events: none;
}
.agree {padding: .5rem 0;}
.agree input[type="checkbox"],
.agree div {
    display: inline-block;
}
.agree a {
    font-weight: bold;
    text-decoration: underline;
}
.fancybox-container {
    z-index: 20000000 !important;
}

/*********************
GENERAL STYLES
*********************/
strong { font-weight: 400; }

.show-for-tablet { display: none; }

button.orbit-previous,
button.orbit-next { z-index: 99999; }

.btn { border: 1px solid #1c437e; box-sizing: border-box; padding: 0px 12px 3px; color: #1c437e; font-family: 'Trade Gothic W01 Light', sans-serif; outline: none; font-size: 150%; letter-spacing: -0.05em; display: table; margin: 1em 0; transition: all 0.2s; -webkit-transition: all 0.2s; }

.btn:hover { color: #fff; background: #1c437e; }

#fizz-intro .btn { margin: 1em auto; }

.btn.invert { border: 1px solid #fff; color: #fff; }

.btn.solid { background: #003e84; color: #fff; border: 1px solid #003e84; }

.btn.solid:hover { background: #032d5d; border: 1px solid #032d5d; }

#social .ff-loadmore-wrapper .ff-btn {
    border: 1px solid #1c437e;
    background: none !important;
    box-sizing: border-box;
    padding: 3px 22px 3px;
    color: #1c437e;
    font-family: 'Trade Gothic W01 Light', sans-serif;
    text-transform: lowercase;
    outline: none;
    font-size: 150%;
    letter-spacing: -0.05em;
    margin: 1em 0;
    border-radius: 0;
    height: 41px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s; }

#social .ff-loadmore-wrapper .ff-btn:hover { background: #1c437e !important; color: #fff; }

.flex {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -webkit-box;
}

.scroll_arrow {
    width: 74px;
    height: 74px;
    display: block;
    position: absolute;
    background: #003e7e;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    z-index: 9999;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.scroll_arrow:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 19px solid transparent;
    border-right: 19px solid transparent;
    border-top: 34px solid #fff;
    position: absolute;
    left: 50%;
    margin-left: -19px;
    margin-top: 22px;
}

.scroll_arrow:hover {
    background: #061f5c;
}

.home #banner .scroll_arrow {
    left: 50%;
    margin-left: -37px;
    bottom: 0;
    margin-bottom: -37px;
}

.can_group_450 {
    background: url('../images/can_group_450.png') no-repeat center center;
    max-width: 450px;
    width: 100%;
    height: 255px;
    display: block;
    position: relative;
    margin: 0 auto;
}

.product_group {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.row {
    max-width: 1120px;
}

#hs-rsp-popup-bg {
	z-index: 1000000 !important;
}


/*********************
SCROLLMAGIC
*********************/

.parallaxParent { height: 100vh; overflow: hidden; }

.home #our-story .parallaxParent { height: 402px; }

.parallaxParent > * { height: 200%; position: relative; top: -100%; }

.spacer { position: relative; z-index: 9999; }

.box1 { position: absolute; width: 100%; }

.pattern_floral {
    background: url('../images/pattern_floral_1.jpg') no-repeat center center;
    opacity: .13;
    background-color: #1c437d;
    background-size: cover;
}

/*********************
LINK STYLES
*********************/
a:link, a:visited:link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
body { font-family: 'Trade Gothic W01 Light', sans-serif; }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; }
h1, h2, h3, h4, h5, h6 { color: #1c437e; font-family: 'Trade Gothic W01 Roman', sans-serif; }
h1 { font-size: 381.25%; line-height: 1.4; letter-spacing: -0.05em; color: #1c437e; }
h2 { letter-spacing: -0.05em; }
h3 { font-family: 'Trade Gothic W01 Light', sans-serif; font-size: 150%; line-height: 1.6; letter-spacing: -0.05em; color: #1c437e; }
h4 { font-family: 'Trade Gothic W01 Light', sans-serif; font-size: 125%; line-height: 1.6; letter-spacing: 0; }
p { font-family: 'Trade Gothic W01 Light', sans-serif; font-size: 112.5%; line-height: 1.6; color: #1c437e; }
em { font-family: 'TradeGothicW01-LightObl', sans-serif; font-style: normal; }
strong { font-family: 'Trade Gothic W01 Bold', sans-serif; }

/*********************
HEADER STYLES
*********************/

.header ul.off-canvas-list li { list-style: none; }
.top-bar { background: #1c437e; padding: 0 5.2%; }
#off-canvas > div > ul { list-style: none; }
ul#menu-primary-1 { font-family: 'Trade Gothic W01 Roman', sans-serif; text-transform: lowercase; background: none; }

ul#menu-primary-1 > li > a { background: none; color: #fff; position: relative; cursor: pointer; }

ul#menu-primary-1 > li.menu-item-292 > a { padding-left: 2.2em; /*display: none;*/ }

ul#menu-primary-1 > li.menu-item-292 > a:before {
    content: '';
    background: url('../images/icon-locator-nav.png') no-repeat;
    width: 14px;
    height: 21px;
    position: absolute;
    display: block;
    left: 12px;
    bottom: 8px;
}

ul#menu-primary-1 > li.menu-item-388 > a {
    padding-left: 2.2em;
}

ul#menu-primary-1 > li.menu-item-388 > a:before {
    content: '';
    background: url('../images/icon-search-nav.png') no-repeat;
    width: 21px;
    height: 21px;
    position: absolute;
    display: block;
    left: 12px;
    bottom: 8px;
}

.dropdown.menu li.menu-item-368, .dropdown.menu li.menu-item-369 { display: none; }

.top-bar a { color: #fff; font-size: 106.25%; letter-spacing: 0.06em; }

.top-bar-search {
    position: absolute;
    top: 49px;
    right: 0;
    opacity: 0;
    z-index: -1;
    background: #1c437e;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.top-bar-search.active {
    position: absolute;
    right: 5.2%;
    z-index: 1;
    opacity: 1;
    top: 100%;
}

.top-bar-search .search-form {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    flex-direction: row;
    -ms-flex-direction: row;
    flex-wrap: nowrap;
    padding: 1em;
}

.top-bar-search label {}

.top-bar-search input {
    width: 400px;
}

.top-bar-search [type=search] {
    margin: 0 1em 0 0;
}

.top-bar-search [type=submit] {
    margin: 0;
    height: 46px;
    font-family: 'Trade Gothic W01 Light', sans-serif;
    text-transform: lowercase;
    outline: none;
    font-size: 150%;
    letter-spacing: -0.05em;
    background: #061f5c;
    color: #fff;
}

.top-bar-search [type=submit]:hover {
    color: #1c437d;
    background: #fff;
}


/*--------------------
NAV (MEDIUM +)
--------------------*/

header.header {
    z-index: 99999;
    position: fixed;
    width: 100%;
    top: 0;
}

#content {
    z-index: 100;
}

.dropdown .submenu a {
    color: #1c437e;
    background: #fff;
    border-bottom: 1px solid #1c437d;
}

.dropdown .submenu a:hover {
    color: #fff;
    background: #e96539;
}

.dropdown.menu .is-dropdown-submenu-parent a::after {
    float: none;
    display: none;
    margin-left: -5px;
    position: absolute;
    left: 50%;
    transform: rotate(90deg);
    top: 36px;
    z-index: 3;
}

.top-bar ul.menu {
    background: none;
}

.top-bar-right {
    position: relative;
    top: 10px;
    z-index: 6666;
}

.menu-text {
    font-size: 0;
    padding: 8px 0 6px;
}

svg.logo {
    width: 137px;
    height: 35px;
    display: block;
    position: relative;
}

.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow.is-active > a::after, .dropdown.menu .is-dropdown-submenu-parent.is-right-arrow > a::after {
    content: '';
    display: none;
    width: 0;
    height: 0;
    border: 6px inset;
    border-left-style: solid;
    border-color: transparent transparent transparent #1c437e;
}

.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow.is-active > a::after {
    display: block;
}

.dropdown.menu .current_page_item {
    position: relative;
}

.dropdown.menu > .current_page_item:after, .dropdown.menu > .current_page_parent:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    border-left-style: solid;
    border-color: transparent transparent transparent #1c437e;
    float: none;
    margin-left: -5px;
    position: absolute;
    left: 50%;
    transform: rotate(90deg);
    top: 39px;
    z-index: 99999;
}

.dropdown .submenu a {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.dropdown.menu .submenu {
    border: none;
    margin-top: 0;
}

.dropdown.menu .submenu .menu-item-34 a:hover {
    /* FIZZY PINK MOSCATO */
    background: #ff5fce;
}

.dropdown.menu .submenu .menu-item-35 a:hover {
    /* CRISP WHITE */
    background: #3db8c8;
}

.dropdown.menu .submenu .menu-item-36 a:hover {
    /* SANGRIA */
    background: #eb6d41;
}

.dropdown.menu .submenu .menu-item-37 a:hover {
    /* MOSCATO */
    background: #1cadd4;
}

.dropdown.menu .submenu .menu-item-38 a:hover {
    /* CHILL RED */
    background: #e51014;
}

.dropdown.menu .submenu .menu-item-151622 a:hover {
    /* PINK MOSCATO */
    background: #f9538a;
}

.dropdown.menu .submenu .menu-item-64174 a:hover {
    /* FIZZY ROSE */
    background: #f69bd8;
}

.dropdown.menu .submenu .menu-item-48 a:hover {
    /* RIESLING */
    background: #e85c01;
}

.dropdown.menu .submenu .menu-item-64091 a:hover {
    /* PINOT NOIR */
    background: #6c2791;
}

.dropdown.menu .submenu .menu-item-50 a:hover {
    /* MERLOT */
    background: #003e84;
}

.dropdown.menu .submenu .menu-item-51 a:hover {
    /* CABERNET SAUVIGNON */
    background: #f8000f;
}

.dropdown.menu .submenu .menu-item-52 a:hover {
    /* MOSCATO */
    background: #2fc1ed;
}

.dropdown.menu .submenu .menu-item-53 a:hover {
    /* PINOT GRIGIO */
    background: #79b336;
}

.dropdown.menu .submenu .menu-item-54 a:hover {
    /* CHARDONNAY */
    background: #ff6929;
}

.top-bar .social ul { list-style-type: none; padding: 0; margin: 0; color: #fff; background: transparent; margin: 5px 0 0 0; }
.top-bar .social ul li { width: 22px; height: 22px; display: inline-block; border: 1px solid #fff; position: relative; margin: 0 4px; }
.top-bar .social ul li span { position: absolute; top: -1px; left: 0; display: block; width: 22px; height: 22px; }
.top-bar .social ul li .facebook { background: url('../images/icon-facebook.png') no-repeat; }
.top-bar .social ul li .twitter { background: url('../images/icon-twitter.png') no-repeat; }
.top-bar .social ul li .instagram { background: url('../images/icon-instagram.png') no-repeat; }
.top-bar .social ul li .pinterest { background: url('../images/icon-pinterest.png') no-repeat; }
.top-bar .social ul li:hover { background: #061f5c; }

/*********************
SEARCH
*********************/

.search #content {
    position: relative;
    padding: 90px 0;
}

.search article .product {
    position: relative;
    width: 240px;
    margin: 0 1em 0 0;
}

.search .archive-grid .flex {
    align-items: center;
    padding: 1em 0;
    border-bottom: 1px solid #eee;
    min-height: 140px;
}


/*********************
NAVIGATION STYLES
*********************/

.top-bar .title-area {
    z-index: 1;
}

.off-canvas-list ul {
    margin-left: 0;
}

.off-canvas-list ul li a {
    border-bottom: 0px;
}

.off-canvas-list ul .dropdown {
    margin-left: 20px;
}


/*********************
HOMEPAGE
*********************/

#banner {
    height: 677px;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    position: absolute;
    display: block;
    background: #eee;
    z-index: 1;
    top: 49px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
	}
	
.page-id-2 #banner {
	top: 49px;
}
/*
.page-id-64113 #banner { position: relative; top: auto; padding-top: 49px; }
.page-id-64113 #content.counter_the_fixed { margin-top: 0; }
*/


#home_video {background: transparent url('../images/bg-poster.jpg') no-repeat top center; background-size: cover; height: 100%; max-height: 100%; overflow: hidden; position: relative; width: 100%; z-index: 10;}
#home_video .play_video {bottom: 0; height: 192px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 192px; z-index: 1000;}
#home_video .play_video:hover {opacity: 0.9;}
#home_video video {height: 100%; margin-bottom: -10px; width: 100%;}


video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}

.home #banner,
.orbit li.beach {
    background: url('../images/banner-homepage.jpg') no-repeat center bottom;
    background-size: cover;
}
.orbit li.lifestyle {
    background: url('../images/banner-lifestyle.jpg') no-repeat center bottom;
    background-size: cover;
    height: 100%;
	}
	.orbit li.lifestyle article { position: absolute; right: 20%; bottom: 35.8%; }
	.orbit li.lifestyle article .text { position: relative; display: block; background: url('../images/btn-lifestyle.png') no-repeat; width: 227px; height: 227px; }
.orbit li.rose {
    background: url('../images/banner-rose.jpg') no-repeat center bottom;
    background-size: cover;
    height: 100%;
	}
	.orbit li.rose .text { background: url('../images/banner-text-rose-2.png') no-repeat; width: 465px; height: 320px; display: block; position: absolute; right: 9%; bottom: 12%; }
	.orbit li.rose .text-new { position: absolute; top: -200px; left: -100px; display: block; width: 179px; height: 179px; background: url('../images/banner-text-new.png') no-repeat; }

.orbit li.fizzy-white-sangria-slide {
    background: url('../images/banner-white-sangria.jpg') no-repeat center bottom;
    background-size: cover;
    height: 100%;
	}
	.orbit li.fizzy-white-sangria-slide .text { background: url('../images/banner-text-white-sangria.png') no-repeat; width: 454px; height: 315px; display: block; position: absolute; right: 9%; bottom: 12%;  }
	.orbit li.fizzy-white-sangria-slide .text-new { position: absolute; top: -200px; left: 0px; display: block; width: 191px; height: 191px; background: url('../images/banner-text-white-sangria-new.png') no-repeat; }

.orbit li.sweeps-summer {
    background: url('../images/banner-kick-back.jpg') no-repeat center bottom;
    background-size: cover;
    height: 100%;
	}
	.orbit li.sweeps-summer .text { position: absolute; width: 1251px; height: 677px; background: url('../images/banner-kick-back-text.png') no-repeat center bottom; left: 50%; margin-left: -625px; }

.orbit li.sweeps {
    background: url('../images/banner-sweeps.jpg') no-repeat center bottom;
    background-size: cover;
    height: 100%;
	}
	.orbit .sweeps .text-1 { position: absolute; top: 46px; left: 212px; width: 312px; height: 264px; background: url('../images/sweeps-text.png') no-repeat; z-index: 6;}
	.orbit .sweeps .cans { position: absolute; top: 375px; left: 253px; width: 263px; height: 275px; background: url('../images/sweeps-cans.png') no-repeat; z-index: 5; }
	.orbit .sweeps .weber-group { position: absolute; top: 84px; left: 538px; width: 529px; height: 633px; background: url('../images/sweeps-weber-group.png') no-repeat; z-index: 4;}
	.orbit .sweeps .click-enter { position: absolute; top: 465px; left: 998px; width: 183px; height: 183px; background: url('../images/sweeps-click-to-play.png') no-repeat; z-index: 10; }
	.orbit .sweeps .platform { position: absolute; bottom: 0; left: 0; width: 100%; height: 150px; background: #89b552; z-index: 1; }
	.orbit .sweeps article { max-width: 1250px; position: relative; margin: 0 auto; }

.orbit .orbit-previous { background: url('../images/icon-prev.png') no-repeat; width: 26px; height: 46px; display: block; left: 3%; outline: none; }
.orbit .orbit-next { background: url('../images/icon-next.png') no-repeat; width: 26px; height: 46px; display: block; right: 3%; outline: none; }

.page-id-11 #banner { background: url('../images/banner-cans-landing6.jpg') no-repeat center; }

/*============== MEDIA FIXES ==============*/

@media screen and (min-width: 1250px) {
			.orbit li.rose {
				background: url('../images/banner-rose-3000.jpg') no-repeat center bottom;
				background-size: cover;
				}
			.orbit li.fizzy-white-sangria-slide {
				background: url('../images/banner-white-sangria-3000.jpg') no-repeat center bottom;
				background-size: cover;
				}
			.orbit li.sweeps {
			    background: url('../images/banner-sweeps-3000.jpg') no-repeat center bottom;
			    background-size: cover;
			    }
			.orbit li.sweeps-summer {
			    background: url('../images/banner-kick-back-3000.jpg') no-repeat center bottom;
			    background-size: cover;
				}

			/* ---- CANS LANDING ---- */
			.page-id-11 #banner { background: url('../images/banner-cans-landing6-3000.jpg') no-repeat center; }
	    }

@media screen and (min-width: 960px) and (max-width: 1290px) {
			.orbit li.rose .text { background: url('../images/banner-text-rose-2-sm.png') no-repeat; width: 300px; height: 206px; display: block; position: absolute; right: 9%; bottom: 15%; }
			.orbit li.rose .text-new {top: -293px; left: -200px;}
	}

@media screen and (min-width: 1130px) and (max-width: 1370px) {
				.orbit li.fizzy-white-sangria-slide .text { width: 350px; background-size: contain; }
	}
@media screen and (min-width: 992px) and (max-width: 1129px) {
				.orbit li.fizzy-white-sangria-slide .text { width: 300px; background-size: contain; }
	}
@media screen and (min-width: 741px) and (max-width: 991px) {
				.orbit li.fizzy-white-sangria-slide {
				    background: url('../images/banner-white-sangria-sm.jpg') no-repeat -160px center;
				    background-size: cover;
				    height: 100%;
					}
				.orbit li.fizzy-white-sangria-slide .text { width: 350px; background-size: contain; }
	}
@media screen and (min-width: 320px) and (max-width: 740px) {
				.orbit li.fizzy-white-sangria-slide {
				    background: url('../images/banner-white-sangria-xsm.jpg') no-repeat -160px center;
				    background-size: cover;
				    height: 100%;
					}
				.orbit li.fizzy-white-sangria-slide .text { width: 350px; background-size: contain; bottom: 5%; left: 2%; right: 2%; }
	}

@media screen and (min-width: 890px) and (max-width: 1070px) {
				.orbit li.sweeps-summer .text { background: url('../images/banner-kick-back-text-sm.png') no-repeat center bottom; background-size: contain; background-position: center bottom; width: 970px; margin-left: -485px; }
	}
@media screen and (min-width: 320px) and (max-width: 740px) {
				.orbit li.sweeps-summer {
				    background: url('../images/banner-kick-back-sm.jpg') no-repeat center bottom;
				    background-size: cover;
					}
				.orbit li.sweeps-summer .text { background: url('../images/banner-kick-back-text-xsm.png') no-repeat; background-size: contain; background-position: center top; width: 100%; margin-left: -50%; }
	}

/*============== /MEDIA FIXES ==============*/



.tax-recipe_type #banner {
    background: url('../images/banner-recipe-landing2.jpg') no-repeat center center;
    background-size: cover;
    background-position-x: center;
}

.tax-recipe_type .signature_box {
	margin: 53px 0 14px 0;
}

.tax-recipe_type h1 {text-transform: lowercase;}

#banner .flex {
    -webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	-webkit-align-items: stretch;
	-moz-align-items: stretch;
	align-items: stretch;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;

    height: 100%;
	}

#banner .cans {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 50%;
    position: relative;
    z-index: 900;
    display: inline-block;
    float: left;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
	}

#banner .bottles {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 50%;
    position: relative;
    z-index: 900;
    display: inline-block;
    float: left;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

#banner .bottles section.content article {
    position: absolute;
    bottom: 43px;
}

#banner .cans section.content article {
    position: absolute;
    bottom: 43px;
    right: 0;
}

#banner .cans .product, #banner .bottles .product {
    display: none;
}

#banner .content a {
    color: #1c437e;
    text-transform: lowercase;
    font-size: 24px;
    border: 1px solid #1c437e;
    background: none;
    margin: 0;
    line-height: 1.44;
}

#banner.can-active .cans .content a, #banner.bottle-active .bottles .content a {
    background: #1c437e;
    color: #fff;
}

#banner .cans section.content {
    margin-left: 10.56%;
    margin-right: 33.44%;
    z-index: 100;
    position: relative;
    height: 677px;
}

#banner .bottles section.content {
    margin-left: 33.44%;
    margin-right: 10.56%;
    z-index: 100;
    position: relative;
    height: 677px;
}

#banner section.content header {
    position: absolute;
    bottom: 111px;
    opacity: 1;
    width: 100%;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

#banner .cans section.content header {
    text-align: right;
}

#banner .bottles section.content header {
    text-align: left;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

#banner.can-active .cans header, #banner.bottle-active .bottles .content header {
    opacity: 1;
    transform: translateY(-110px);
    -webkit-transform: translateY(-110px);
}

#banner section.content header h1, #banner section.content header h2, #banner section.content header h3 {
    color: #1c437e;
}

#banner section.content header h1, #banner section.content h2 {
    letter-spacing: -0.07em;
    width: 300px;
    margin-left: -50px;
}

@media only screen and (min-width: 1025px) and (max-width: 1244px) {
    #banner section.content header h1 {
        font-size: 48px;
    }
    #banner section.content h2 {
        font-size: 38px;
    }
}

#banner section.content main {
    position: absolute;
    bottom: 111px;
    opacity: 0;
    width: 100%;
    transform: translateX(100px);
    -webkit-transform: translateX(100px);
    transition: all 0.3s ease 0.0s;
    -webkit-transition: all 0.3s ease 0.0s;
    -ms-transition: all 0.3s ease 0.0s;
}

#banner.can-active .cans .content main {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
    transition: all 0.3s ease 0.2s;
    -webkit-transition: all 0.3s ease 0.2s;
    -ms-transition: all 0.3s ease 0.2s;
}

#banner.bottle-active .bottles .content main {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
    transition: all 0.3s ease 0.2s;
    -webkit-transition: all 0.3s ease 0.2s;
    -ms-transition: all 0.3s ease 0.2s;
}

.cans .content main {
    text-align: right;
}

.bottles .content main {
    text-align: left;
}

.span-can {
    position: absolute;
    background: url('../images/home-banner-can-single.png') no-repeat;
    height: 341px;
    width: 140px;
    bottom: -39px;
    left: 50%;
    margin-left: -137px;
    z-index: 500;
    animation: animateCanRestart linear 0.4s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: animateCanRestart linear 0.4s;
    -webkit-animation-iteration-count: 1;
    -moz-animation: animateCanRestart linear 0.4s;
    -moz-animation-iteration-count: 1;
    -o-animation: animateCanRestart linear 0.4s;
    -o-animation-iteration-count: 1;
    -ms-animation: animateCanRestart linear 0.4s;
    -ms-animation-iteration-count: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
}

.span-bottle {
    position: absolute;
    background: url('../images/home-banner-bottle-single.png') no-repeat;
    height: 727px;
    width: 174px;
    left: 50%;
    margin-left: -12px;
    bottom: -66px;
    z-index: 600;
    animation: animateBottleRestart linear 0.4s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: animateBottleRestart linear 0.4s;
    -webkit-animation-iteration-count: 1;
    -moz-animation: animateBottleRestart linear 0.4s;
    -moz-animation-iteration-count: 1;
    -o-animation: animateBottleRestart linear 0.4s;
    -o-animation-iteration-count: 1;
    -ms-animation: animateBottleRestart linear 0.4s;
    -ms-animation-iteration-count: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
}

/*********************
BLOG STYLES
*********************/

.single-fizz ul {color: #1c437e;margin: 0 0 20px 20px;}

.single-fizz .inner-content {
	padding: 0 5.2%;
}

.blog, .post-type-archive-fizz {margin-top: 60px;}

.blog .inner-content, .post-type-archive-fizz .inner-content {
	padding: 0 5.2%;
}

.sharethis-inline-share-buttons {
	margin-bottom: 20px;
}
.blog #featured, .post-type-archive-fizz #featured {
	list-style: none;
	margin: 30px 0;
	padding: 0;
}

.blog #featured > li, .post-type-archive-fizz #featured > li {
	color: #1c437e;
	float: left; 
	margin: 0 3% 5% 0;
	max-width: 30%;
	width: 100%;
}
.blog #featured > li h3 a, .post-type-archive-fizz #featured > li h3 a {
	display: block;
	font-family: 'Trade Gothic W01 Light', sans-serif;
    font-size: 150%;
    line-height: 1.2;
    letter-spacing: -0.05em;
    margin-top: 10px;
    color: #1c437e;
    text-align: center;
}

.post-type-archive-fizz #featured > li:nth-child(4n) {
	clear: left;
}




@media only screen and (min-width: 320px) and (max-width: 750px) {
    .blog #featured > li, .post-type-archive-fizz #featured > li {
	margin: 0 0 5% 0;
	max-width: 100%;
	}
	.blog, .post-type-archive-fizz {margin-top: 110px;}
}
/*
.single-post #blog .content_box {
	width: 100%;
}

.single-post header.double_dash {
	float: left;
	max-width: 50%;
	width: 100%;
}

.single-post .share_this ul {
	padding: 0;
}

.single-post .share_this ul > li {
    display: inline-block;
    vertical-align: middle;
}


#blog .blog-title {
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 10000;
}

.blog-title ul, #categories {
	list-style: none;
	margin: 20px auto;
	padding: 0;
}

.blog-title select {
	margin-right: 20px;
	width: 160px;
}

#blog .sidebar {
	display: inline-block;
	margin: 30px auto;
}

#blog .sidebar .widget {
	float: left;
}

#blog .sidebar h2 {
	display: none;
}

#blog .sidebar label {
 	font-family: 'Bulmer MT W01 Italic', serif;
    font-size: 150%;
    font-weight: normal;
    font-style: italic;
    line-height: 1.4;
    margin: 0 10px 0 0;
    letter-spacing: 0.025em;
}
*/

/*********************
END BLOG STYLES
*********************/




/*--- CAN ANIMATION ---*/

#banner.can-active .span-can {
    animation: animateCan linear 0.4s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: animateCan linear 0.4s;
    -webkit-animation-iteration-count: 1;
    -moz-animation: animateCan linear 0.4s;
    -moz-animation-iteration-count: 1;
    -o-animation: animateCan linear 0.4s;
    -o-animation-iteration-count: 1;
    -ms-animation: animateCan linear 0.4s;
    -ms-animation-iteration-count: 1;
    z-index: 700;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

@keyframes animateCan {
    0% {
        transform: translate(0px, 0px);
        z-index: 500;
        transform: scale(1);
    }
    50% {
        transform: translate(-20px, 0px);
    }
    100% {
        transform: translate(0px, 0px);
        transform: scale(1.1);
    }
}

@-moz-keyframes animateCan {
    0% {
        -moz-transform: translate(0px, 0px);
        z-index: 500;
        -moz-transform: scale(1);
    }
    50% {
        -moz-transform: translate(-20px, 0px);
    }
    100% {
        -moz-transform: translate(0px, 0px);
        -moz-transform: scale(1.1);
    }
}

@-webkit-keyframes animateCan {
    0% {
        -webkit-transform: translate(0px, 0px);
        z-index: 500;
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: translate(-20px, 0px);
    }
    100% {
        -webkit-transform: translate(0px, 0px);
        -webkit-transform: scale(1.1);
    }
}

@-o-keyframes animateCan {
    0% {
        -o-transform: translate(0px, 0px);
        z-index: 500;
        -o-transform: scale(1);
    }
    50% {
        -o-transform: translate(-20px, 0px);
    }
    100% {
        -o-transform: translate(0px, 0px);
        -o-transform: scale(1.1);
    }
}

@-ms-keyframes animateCan {
    0% {
        -ms-transform: translate(0px, 0px);
        z-index: 500;
        -ms-transform: scale(1);
    }
    50% {
        -ms-transform: translate(-20px, 0px);
    }
    100% {
        -ms-transform: translate(0px, 0px);
        -ms-transform: scale(1.1);
    }
}


/*--- Second Half ---*/

@keyframes animateCanRestart {
    0% {
        transform: translate(0px, 0px);
        z-index: 700;
        transform: scale(1.1);
    }
    50% {
        transform: translate(-20px, 0px);
    }
    100% {
        transform: translate(0px, 0px);
        transform: scale(1);
        z-index: 500;
    }
}

@-moz-keyframes animateCanRestart {
    0% {
        -moz-transform: translate(0px, 0px);
        z-index: 700;
        -moz-transform: scale(1.1);
    }
    50% {
        -moz-transform: translate(-20px, 0px);
    }
    100% {
        -moz-transform: translate(0px, 0px);
        z-index: 500;
        -moz-transform: scale(1);
    }
}

@-webkit-keyframes animateCanRestart {
    0% {
        -webkit-transform: translate(0px, 0px);
        z-index: 700;
        -webkit-transform: scale(1.1);
    }
    50% {
        -webkit-transform: translate(-20px, 0px);
    }
    100% {
        -webkit-transform: translate(0px, 0px);
        z-index: 500;
        -webkit-transform: scale(1);
    }
}

@-o-keyframes animateCanRestart {
    0% {
        -o-transform: translate(0px, 0px);
        z-index: 700;
        -o-transform: scale(1.1);
    }
    50% {
        -o-transform: translate(-20px, 0px);
    }
    100% {
        -o-transform: translate(0px, 0px);
        z-index: 500;
        -o-transform: scale(1);
    }
}

@-ms-keyframes animateCanRestart {
    0% {
        -ms-transform: translate(0px, 0px);
        z-index: 700;
        -ms-transform: scale(1.1);
    }
    50% {
        -ms-transform: translate(-20px, 0px);
    }
    100% {
        -ms-transform: translate(0px, 0px);
        z-index: 500;
        -ms-transform: scale(1);
    }
}


/*--- BOTTLE ANIMATION ---*/

#banner.bottle-active .span-bottle {
    animation: animateBottle linear 0.4s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: animateBottle linear 0.4s;
    -webkit-animation-iteration-count: 1;
    -moz-animation: animateBottle linear 0.4s;
    -moz-animation-iteration-count: 1;
    -o-animation: animateBottle linear 0.4s;
    -o-animation-iteration-count: 1;
    -ms-animation: animateBottle linear 0.4s;
    -ms-animation-iteration-count: 1;
    z-index: 700;
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
}

@keyframes animateBottle {
    0% {
        transform: translate(0px, 0px);
        z-index: 600;
        transform: scale(1);
    }
    50% {
        transform: translate(20px, 0px);
    }
    100% {
        transform: translate(0px, 0px);
        transform: scale(1.08);
    }
}

@-moz-keyframes animateBottle {
    0% {
        -moz-transform: translate(0px, 0px);
        z-index: 600;
        -moz-transform: scale(1);
    }
    50% {
        -moz-transform: translate(20px, 0px);
    }
    100% {
        -moz-transform: translate(0px, 0px);
        -moz-transform: scale(1.08);
    }
}

@-webkit-keyframes animateBottle {
    0% {
        -webkit-transform: translate(0px, 0px);
        z-index: 600;
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: translate(20px, 0px);
    }
    100% {
        -webkit-transform: translate(0px, 0px);
        -webkit-transform: scale(1.08);
    }
}

@-o-keyframes animateBottle {
    0% {
        -o-transform: translate(0px, 0px);
        z-index: 600;
        -o-transform: scale(1);
    }
    50% {
        -o-transform: translate(20px, 0px);
    }
    100% {
        -o-transform: translate(0px, 0px);
        -o-transform: scale(1.08);
    }
}

@-ms-keyframes animateBottle {
    0% {
        -ms-transform: translate(0px, 0px);
        z-index: 600;
        -ms-transform: scale(1);
    }
    50% {
        -ms-transform: translate(20px, 0px);
    }
    100% {
        -ms-transform: translate(0px, 0px);
        -ms-transform: scale(1.08);
    }
}


/*--- Second Half ---*/

@keyframes animateBottleRestart {
    0% {
        transform: translate(0px, 0px);
        z-index: 700;
        transform: scale(1.08);
    }
    50% {
        transform: translate(20px, 0px);
    }
    100% {
        transform: translate(0px, 0px);
        transform: scale(1);
        z-index: 600;
    }
}

@-moz-keyframes animateBottleRestart {
    0% {
        -moz-transform: translate(0px, 0px);
        z-index: 700;
        -moz-transform: scale(1.08);
    }
    50% {
        -moz-transform: translate(20px, 0px);
    }
    100% {
        -moz-transform: translate(0px, 0px);
        z-index: 600;
        -moz-transform: scale(1);
    }
}

@-webkit-keyframes animateBottleRestart {
    0% {
        -webkit-transform: translate(0px, 0px);
        z-index: 700;
        -webkit-transform: scale(1.08);
    }
    50% {
        -webkit-transform: translate(20px, 0px);
    }
    100% {
        -webkit-transform: translate(0px, 0px);
        z-index: 600;
        -webkit-transform: scale(1);
    }
}

@-o-keyframes animateBottleRestart {
    0% {
        -o-transform: translate(0px, 0px);
        z-index: 700;
        -o-transform: scale(1.08);
    }
    50% {
        -o-transform: translate(20px, 0px);
    }
    100% {
        -o-transform: translate(0px, 0px);
        z-index: 600;
        -o-transform: scale(1);
    }
}

@-ms-keyframes animateBottleRestart {
    0% {
        -ms-transform: translate(0px, 0px);
        z-index: 700;
        -ms-transform: scale(1.08);
    }
    50% {
        -ms-transform: translate(20px, 0px);
    }
    100% {
        -ms-transform: translate(0px, 0px);
        z-index: 600;
        -ms-transform: scale(1);
    }
}


/*********************
//
// 	HOME BANNER QUERIES
//
*********************/

@media only screen and (min-width: 1025px) and (max-width: 1281px) {
    #banner.can-active .cans section.content header {
        bottom: 168px;
    }
}


/**********/


/*********************
//
// 	END QUERIES
//
*********************/

#content.counter_the_fixed {
    position: relative;
    background: #fff;
    z-index: 100;
    margin-top: 726px;
}

#content.counter_the_fixed .scroll_arrow,  .scroll_arrow {
    left: 50%;
    margin-left: -37px;
    bottom: -37px;
}

.page-id-15 #content.counter_the_fixed .scroll_arrow,  .scroll_arrow {
    top: -37px;
}

.orbit .scroll_arrow.top {position: absolute; top: -37px;}
.orbit .scroll_arrow.bottom {position: absolute; top: 640px;}

#fizz-intro article {
    max-width: 674px;
    display: block;
    position: relative;
    margin: 60px auto 30px;
    text-align: center;
}

.orbit,
.orbit-slide,
#banner { margin: 0 auto; }
.home #recipes,
.page-id-64113 #recipes { position: relative; background: url('../images/bg-single-recipe2.png') repeat-x bottom center; width: 100%; display: block; }

@media screen and (min-width: 1481px) {
/* 			#banner { left: 50%; margin: 0 0 0 -740px; } */
	    }

.home #recipes article,
.page-id-64113 #recipes article { margin: 60px auto 0; display: block; }

.home #our-story,
.page-id-64113 #our-story { position: relative; background: #1c437e; padding: 0; }

.home #our-story article,
.page-id-64113 #our-story article { max-width: 820px; position: relative; display: block; padding: 60px 0; }

.home #our-story h1,
.home #our-story h2,
.home #our-story h3,
.home #our-story h4,
.home #our-story h5,
.home #our-story h6,
.home #our-story p,
.home #our-story a,
.page-id-64113 #our-story h1,
.page-id-64113 #our-story h2,
.page-id-64113 #our-story h3,
.page-id-64113 #our-story h4,
.page-id-64113 #our-story h5,
.page-id-64113 #our-story h6,
.page-id-64113 #our-story p,
.page-id-64113 #our-story a { color: #fff; }

.page-id-64113 #our-story .parallaxParent { height: 402px; }

.counter_the_fixed .main {
    margin-top: 50px;
}

#social article {
    position: relative;
    display: block;
    padding: 60px 0;
}

.flow-flow .ff-header h1 {
    font-size: 381.25%;
}

.flow-flow .ff-header h2 {
    font-family: 'Trade Gothic W01 Light', sans-serif;
    font-size: 150%;
    line-height: 1.6;
    letter-spacing: -0.05em;
}

.flow-flow .ff-item-meta {
    display: none;
}

.flow-flow .ff-stream {
    position: relative;
    min-height: 10px !important;
}


/*--------------------
FIND US
--------------------*/

.page-id-19 #content, .page-id-300 #content, .page-id-64097 #content {
    position: relative;
    margin-top: 49px;
}

.page-id-19 .inner-content, .page-id-300 .inner-content, .page-id-64097 .inner-content {
    padding-top: 40px;
    padding-bottom: 40px;
}

.page-id-300 #content ul, .page-id-64097 #content ul {margin-left: 20px;}

/*--------------------
STORE LOCATOR
--------------------*/
div#sl_div div#map {height: 600px !important;}
#sl_div {float: left;width: 100%;height: 100%;max-width: 1200px;min-width: 100%;margin: 0;overflow: hidden;}
#left-pane-s {padding: 0 !important;}
#sl_div form {float: left;padding: 0px;height: 100%;text-align: left;width: 30%; margin-right: 0;}

div#sl_div div#map {border-bottom: none !important;border-left: none !important;border-right: none !important;border-top: none !important;float: right; width: 67% !important;}
div#address_search, #address_search div#addy_in_address, #tagalong_category_selector {height: auto !important;}
#sl_div .varietal, #sl_div .size {margin-top: 14px !important;float: left;}
#sl_div .size {width: 100%;}
#sl_div .size select {width: 100% !important;}
#sl_div form label {margin: 0 20px 0 0 !important;}

#sl_div form #addy_in_address, #sl_div form .addy_in_address {clear: both;width: 100% !important;margin-bottom: 5px;}
#sl_div form #addy_in_address input, #sl_div form .addy_in_address input {width: 100% !important;min-width: inherit !important;padding: 0;}

#address_search div#addy_in_type {width: 27% !important;}
#sl_div form #addy_in_address select, #sl_div form .addy_in_address select {width: 95%;}

#address_search .search_item INPUT#addressInput {float: left;clear: both;}
#sl_div form .input-row {float: left;width: 100%;margin-top: 8px;}
#sl_div form .input-row select {width: 100% !important;}

#sl_div form .search_item {margin-top: 10px;}
#sl_div #map {width: 56%;height: 100%;}
#sl_div #map_sidebar {float: left; width: 100%;position: relative;font-size: 0.8em;height: 408px;margin-top: 25px;overflow-y: scroll;padding: 10px;background: #fff;border: 1px solid #1c437e !important;}
#sl_div #map_sidebar .slp_result_hours, #sl_div #map_sidebar .slp_result_phone, #sl_div #map_sidebar .slp_result_fax {display: none;}
#sl_div #map_sidebar .results_wrapper {border-bottom: solid thin #c5c4c2;line-height: 1.3;}
#sl_div #map_sidebar .results_wrapper .results_entry {overflow: auto;padding: 5px;width: 100%;}
#sl_div #map_sidebar .results_wrapper .results_entry:hover {background-color: #eee;}
#sl_div #map_sidebar .results_wrapper .slp_result_country {clear: left;}
#sl_div #map_sidebar .results_wrapper .slp_result_directions a {text-transform: uppercase;font-weight: bold;}
#sl_div #map_sidebar .results_row_left_column {width: 42%;float: left;}
#sl_div #map_sidebar .results_row_left_column .location_name {color: #1c437e !important;float: left;font-weight: bold;font-style: normal !important;}
#sl_div #map_sidebar .results_row_left_column .location_distance {float: left;clear: left;margin-top: 10px;}
#sl_div #map_sidebar .results_row_center_column {text-align: left; width: 55%;}
#sl_div #map_sidebar .results_row_center_column span {float: none;}
#sl_div #map_sidebar .results_entry .results_row_right_column {text-align: left !important;}
#sl_div #sl_info_bubble {line-height: 1.5; padding: 10px;}
#sl_div #sl_info_bubble #slp_bubble_name {text-transform: uppercase;}
#sl_div #map_sidebar div.results_entry a, #sl_div #map_sidebar div.results_entry a:hover {color: #1c437e !important;}
#sl_div a.storelocatorlink {color: #1c437e !important;}
#sl_div #sl_info_bubble .bubble_address_container {margin: 8px 0px;}
#sl_div #sl_info_bubble .bubble_address_container span {display: inline;}
#sl_div #sl_info_bubble .location_distance {float: left;}
#sl_div #sl_info_bubble a {text-transform: uppercase;font-weight: bold;}


/*
#sl_div {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0;
}

#sl_div #left-pane-s {
    width: 33%;
    margin-right: 2%;
    float: none !important;
}

#sl_div #map {
    box-sizing: border-box;
    position: relative !important;
    background: none !important;
}

div#map {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
}

#map .gm-style {
    box-sizing: border-box !important;
}
*/

.slp_search_form .search_box .search_item, .slp_search_form .search_box .search_item div {
	display: block !important;
	flex: none !important;
}

#searchForm LABEL {
    text-align: left !important;
    width: auto !important;
    min-width: inherit !important;
    padding: 0 !important;
    vertical-align: middle !important;
    color: #1c437e !important;
    display: block !important;
}

#addy_in_address {
    padding: 0 !important;
    display: block !important;
    float: left !important;
    width: 24.86% !important;
    position: relative !important;
    margin-right: 5.95%;
}

#sl_div .input-row, #sl_div .size {
    color: #1c437e !important;
    margin-bottom: 16px;
}

#sl_div .input-row select, #sl_div .size select {
    width: 100% !important;
    position: relative;
    box-sizing: border-box;
    background-position-x: 98%;
    min-height: 40px !important;
    height: auto;
}

#searchForm .search_item {
    clear: none !important;
    width: 100%;
}

#sl_div #addy_in_radius {
    float: left !important;
    width: 100% !important;
    position: relative !important;
    margin-right: 5.95%;
    margin-bottom: 16px !important;
}

#sl_div #addy_in_type {

    float: left !important;
    width: 31.35% !important;
    position: relative !important;
    margin-right: 0;
    margin-bottom: 16px !important;
}

#searchForm INPUT {
    position: relative !important;
    width: 100% !important;
    color: #1c437e !important;
    font-size: 90% !important;
    font-weight: normal !important;
    border: 1px solid #1c437e !important;
    border-radius: 0;
    padding: 10px 6px !important;
    margin-bottom: 0 !important;
    min-height: 40px !important;
}


#sl_div #map_sidebar .results_wrapper .results_entry:hover {
	background: none !important;
}
.slp_results_container .results_wrapper:hover, .slp_results_container .results_wrapper {
	background-color: transparent !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-radius: 0 !important;
}


#searchForm SELECT {
	border: 1px solid #1c437e !important;
    color: #1c437e !important;
    width: 100% !important;
    font-size: 90% !important;
    font-weight: normal !important;
    margin: 0 !important;
    min-height: 40px !important;
}

select {
    background: #fff url('../images/icon-droparrow-2.jpg') center right no-repeat;
    background-color: #fff;
    border: 1px solid #1c437e;
    border-radius: 0;
    color: #1c437e;
    font-size: 81.25%;
    font-weight: normal;
    outline: none;
    padding: 10px 6px;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-transform: uppercase;
    background-position-x: 94%;
    background-position: 94% 50%;
}

.brand select, .varietal select, .size select {
    background-position: 98% 50%;
}

select option {
    text-align: center;
}

select#select_form {
    margin-bottom: 30px;
}

#addressSubmit.slp_ui_button {
    font-size: 125% !important;
    margin: 1em 0;
    text-align: center;
    line-height: 1.4;
    color: #fff !important;
    background: #1c437e !important;
    border: 1px solid #1c437e !important;
    box-sizing: border-box !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0;
    display: inline-block;
    position: relative;
    padding: 12px 16px !important;
    transition: 0.2s background-color linear, 0.2s color linear, 0.2s border linear;
    -webkit-transition: 0.2s background-color linear, 0.2s color linear, 0.2s border linear;
    -moz-transition: 0.2s background-color linear, 0.2s color linear, 0.2s border linear;
    outline: none;
}


/*********************
CANS & BOTTLES LANDING
*********************/

#content .cans_feature {
    position: relative;
    background: url('../images/bg-cans-landing-repeater.png') repeat-x center bottom;
}

#content .cans_feature .inner-content {
    background: url('../images/bg-cans-landing-inner.png') no-repeat center bottom;
    position: relative;
}

#content .bottles_feature {
    position: relative;
    background: url('../images/bg-bottles-landing-repeater.jpg') repeat-x center bottom;
}

#content .bottles_feature .inner-content {
    background: url('../images/bg-bottles-landing-inner.png') no-repeat center bottom;
    position: relative;
}

.cans.flex, .bottles.flex {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
    margin: 20px 0 80px;
}

ul.cans li, ul.bottles li {
    list-style-type: none;
    position: relative;
    height: auto;
    min-height: 477px;
}

ul.bottles li {
    margin-bottom: 60px;
}

ul.cans li .images {
    height: 427px;
    position: relative;
    cursor: pointer;
}

ul.bottles li .images {
    height: 491px;
    position: relative;
    cursor: pointer;
}

.cans .images .thumbnail-product, .bottles .images .thumbnail-product {
    z-index: 300;
}

.cans .images .thumbnail-product img, .bottles .images .thumbnail-product img {
    margin: 0 auto;
    display: block;
}

.cans .images .misc-objects, .bottles .images .misc-objects {
    position: absolute;
    top: 0;
    z-index: 250;
    transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
    opacity: 0;
    transition: all 0.3s 0.1s;
    -webkit-transition: all 0.3s 0.1s;
}

ul .images .misc-objects, ul .images .swirl {
    width: 437px;
    left: 50%;
    margin-left: -218px;
}

.cans li:hover .images .misc-objects, .bottles li:hover .images .misc-objects {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    opacity: 1;
}

.cans .images .swirl, .bottles .images .swirl {
    position: absolute;
    top: 0;
    z-index: 200;
    transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
    opacity: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.cans li:hover .images .swirl, .bottles li:hover .images .swirl {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    opacity: 1;
}

.cans .images .thumbnail-bubble, .bottles .images .thumbnail-bubble {
    z-index: 100;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.bottles li:hover .images .thumbnail-bubble {
    opacity: 0;
}

ul .thumbnail-bubble-solid, ul .thumbnail-bubble-overlay {
    position: absolute;
    top: 50%;
    margin-top: -127px;
    left: 50%;
    margin-left: -127px;
}

ul .thumbnail-bubble-solid {
    z-index: 90;
}

ul.bottles .thumbnail-bubble-overlay {
    z-index: 400;
}

ul.botles li:hover .thumbnail-bubble-overlay {
    opacity: 1;
}

.cans .title {
    margin-top: -20px;
}

.bottles .title {
    margin-top: -60px;
}

.cans .title h3, .bottles .title h3 {
    text-transform: lowercase;
    text-align: center;
    color: #fff;
}

.cans .title h3 a, .bottles .title h3 a {
    color: #fff;
    cursor: pointer;
}

ul.cans .thumbnail, ul.bottles .thumbnail {
    border: none;
    box-shadow: none;
    display: flex;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

ul.cans .thumbnail:focus, ul.cans .thumbnail:hover, ul.bottles .thumbnail:focus, ul.bottles .thumbnail:hover {
    box-shadow: none;
}

#bottles_landing ul.bottles li article {
    position: absolute;
    text-align: center;
    z-index: 500;
    width: 255px;
    height: 255px;
    top: 50%;
    margin-top: -80px;
    left: 50%;
    margin-left: -127px;
    opacity: 0;
    transition: all 0.2s 0.1s;
    -webkit-transition: all 0.2s 0.1s;
    transform: translateX(50px);
    -webkit-transform: translateX(50px);
}

#bottles_landing ul.bottles li:hover article {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

ul.bottles li article h1, ul.bottles li article h2, ul.bottles li article h3, ul.bottles li article p, ul.bottles li article a {
    color: #fff;
}

ul.bottles li article p {
    padding: 0 1em;
    font-size: 16px;
}

ul.bottles li article p a {
    font-family: 'TradeGothicW01-LightObl';
    text-decoration: underline;
    transition: color 0.2s;
    -webkit-transition: color 0.2s;
}

ul.bottles li article p a:hover {
    color: #eee;
}

.cans_secondary {
    background: url('../images/bg-beach.jpg') no-repeat center bottom;
    background-size: contain;
    padding-top: 40px;
    position: relative;
}

#no-glass {
    display: block;
    position: relative;
}

#no-glass .flex {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    margin: 50px 0 90px;
}

#no-glass li {
    width: 204px;
    height: 204px;
    background: #eee;
    list-style-type: none;
    position: relative;
    overflow: hidden;
}

#no-glass li.can1 {
    background: url('../images/no-glass-pool.jpg') no-repeat center center;
    background-size: cover;
}

#no-glass li.can2 {
    background: url('../images/no-glass-concert.jpg') no-repeat center center;
    background-size: cover;
}

#no-glass li.can3 {
    background: url('../images/no-glass-beach.jpg') no-repeat center center;
    background-size: cover;
}

#no-glass li.can4 {
    background: url('../images/no-glass-tailgate.jpg') no-repeat center center;
    background-size: cover;
}

#no-glass li.can5 {
    background: url('../images/no-glass-bbq.jpg') no-repeat center center;
    background-size: cover;
}

#no-glass li img.no-glass {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -68px 0 0 -68px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

#no-glass li:hover img.no-glass {
    opacity: 0;
}

#no-glass li img.can {
    margin-top: 204px;
    transition: all 0.3s 0.1s;
    -webkit-transition: all 0.3s 0.1s;
    -ms-transition: all 0.3s 0.1s;
}

#no-glass li:hover img.can {
    margin-top: -14px;
}

.rollovers.flex {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    margin: 50px 0 160px;
}

.rollovers li {
    width: 346px;
    height: 346px;
    background: #eee;
    list-style-type: none;
    position: relative;
    overflow: hidden;
}

.rollovers li article {
    position: relative;
    display: block;
    text-align: center;
    padding: 5em 2.5em;
    height: 100%;
    opacity: 0;
    background: -moz-linear-gradient(top, rgba(24, 255, 225, 0.87) 0%, rgba(3, 190, 235, 0.87) 100%);
    background: -webkit-linear-gradient(top, rgba(24, 255, 225, 0.87) 0%, rgba(3, 190, 235, 0.87) 100%);
    background: linear-gradient(to bottom, rgba(24, 255, 225, 0.87) 0%, rgba(3, 190, 235, 0.87) 100%);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

.rollovers li:hover article {
    opacity: 1;
}

.rollovers li article h3 {
    font-family: 'Trade Gothic W01 Roman';
}

.rollovers li:first-child {
    background: url('../images/rollover-fizzy-pink-moscato.png') no-repeat center center;
    background-size: cover;
}

.rollovers li:nth-child(2) {
    background: url('../images/rollover-fizzy-crisp-white.png') no-repeat center center;
    background-size: cover;
}

.rollovers li:last-child {
    background: url('../images/rollover-fizzy-chill-red.png') no-repeat center center;
    background-size: cover;
}


/*********************
RECIPE LANDING
*********************/

#recipes .forms {
    position: relative;
    margin: 2em 0;
    right: 0;
}
#recipes .forms label {
	display: none;
}

#recipes .forms form {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    flex-direction: row;
    align-self: flex-end;
    justify-content: flex-end;
}

#recipes .forms select {
    outline: none;
    border: 1px solid #1c437d;
    box-sizing: border-box;
    font-size: 150%;
    height: auto;
    color: #1c437d;
    width: 250px;
    text-transform: lowercase;
    letter-spacing: -0.05em;
    padding: 10px 16px;
    background: #fff url('../images/icon-droparrow-2.jpg') center right no-repeat;
    background-position: 94% 50%;
}

.forms select option {
    font-size: 1rem;
}

#recipes_list {
    background: #ff422e url('../images/bg-recipe-pg.jpg') repeat-x top center;
}

.inner-content #recipes {
    /* 	background: url('../images/bg-recipe-inner.jpg') no-repeat top center; */
}

.home .inner-content #recipes, .tax-recipe_type .inner-content #recipes {
    background: none;
}

.recipes.flex {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 60px;
    align-items: flex-start;
    position: relative;
}

ul.recipes li {
    list-style-type: none;
    position: relative;
    height: 427px;
    width: 33%;
}

ul.recipes .thumbnail {
    border: none;
    box-shadow: none;
    display: flex;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

ul.recipes .thumbnail:focus, ul.recipes .thumbnail:hover {
    box-shadow: none;
}

ul .thumbnail-product {
    z-index: 5;
    position: relative;
}

ul .thumbnail-bubble {
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -127px;
    left: 50%;
    margin-left: -127px;
}

ul .thumbnail-bubble-overlay {
    position: absolute;
    z-index: 10;
    top: 50%;
    margin-top: -127px;
    left: 50%;
    margin-left: -127px;
    opacity: 0;
    transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
}

ul li:hover .thumbnail-bubble-overlay {
    opacity: 0.8;
}

ul.recipes li .title {
    position: absolute;
    z-index: 9999;
    bottom: 0;
    width: 100%;
}

ul.recipes li .title h3 {
    color: red;
    text-align: center;
    text-transform: lowercase;
}

ul.recipes li .title h3 a {
    color: #fff;
}

#recipes ul.recipes li article {
    position: absolute;
    text-align: center;
    z-index: 12;
    width: 255px;
    height: 255px;
    top: 50%;
    margin-top: -60px;
    left: 50%;
    margin-left: -127px;
    opacity: 0;
    transition: all 0.2s 0.1s;
    -webkit-transition: all 0.2s 0.1s;
    transform: translateX(50px);
    -webkit-transform: translateX(50px);
}

#recipes ul.recipes li:hover article {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

ul.recipes li article h1, ul.recipes li article h2, ul.recipes li article h3, ul.recipes li article p, ul.recipes li article a {
    color: #fff;
}

ul.recipes li article h3 {
    text-transform: lowercase;
    margin: 0 1em 0.5em;
    line-height: 1.1;
}

ul.recipes li article p {
    margin: 0 0.7em 1em;
    line-height: 1.3;
    font-size: 16px;
}

ul.recipes li article p a {
    font-family: 'TradeGothicW01-LightObl';
    text-decoration: underline;
    transition: color 0.2s;
    -webkit-transition: color 0.2s;
}

ul.recipes li article p a:hover {
    color: #eee;
}
ul.recipes.signature {
	margin: 40px 0;
}

ul.recipes.signature li {
	display: inline-block;
	height: auto;
	margin: 0 6% 6% 0;
	max-width: 27%;
	width: 27%;
}
ul.recipes.signature li .title {
    position: relative;
}

ul.recipes.signature li .title h3 {
    color: #1c437e;
    text-align: center;
    text-transform: lowercase;
}

ul.recipes.signature li .title h3 a {
    color: #1c437e;
}

.signature_box {
	background-size: cover !important;
	border: 8px solid #fff;
	border-radius: 10px;
	box-shadow: 0 0 20px rgba(7,36,54,0.4);
	margin: 0 0 14px 0;
	height: 279px;
	position: relative;
}
.signature_box .play_small {
	bottom: 0 !important; 
	left: 0 !important;
	margin: auto !important;
	position: absolute !important;
	right: 0 !important; 
	top: 0 !important;
	pointer-events: all;
}


.category-signature-cocktails .signature_box {
	height: 100%;
	margin: 0 75px 20px 0;
	padding: 40%; 
	width: 80%;
}


@media screen and (min-width: 320px) and (max-width: 740px) {
	#home_video {margin-top: 69px;}
	.page-id-2 .scroll_arrow {display: none;}
	#home_video .play_video {height: 96px; width: 96px;}
	.page-id-2 #banner {margin-top: 0;}
	ul.recipes.signature li {margin: 0 0 50px 0; max-width: 100%; width: 100%;}
	.category-signature-cocktails .signature_box {margin: 40px 0 0 0; width: 100%;}
}
	


/*********************
SWEEPSTAKES
*********************/

.page-id-420 #banner h1 {
    color: #ff6634;
    font-family: 'Trade Gothic W01 Bold';
    font-size: 2.450em;
    letter-spacing: -0.02em;
    text-align: center;
}

.page-id-420 #banner h3 {
    font-family: 'Trade Gothic W01 Bold';
    font-size: 1.45em;
    letter-spacing: 0;
}

.page-id-420 #banner p {
    color: #1c437d;
}

.page-id-420 #banner {
    height: 564px;
    background: #ccecfa url('../images/sweeps-banner.jpg') no-repeat;
    background-position: center top;
    position: relative;
    width: 100%;
    display: block;
    top: auto;
    margin: 49px 0 0;
}

.page-id-420 #banner article {
    margin-left: 50%;
}

.page-id-420 #banner .sweeps-feature {
    float: left;
    margin: 2.2em 0 0 0;
}

.page-id-420 #banner img.aligncenter {
    display: block;
    margin: 2em auto 0;
}

.page-id-420 #banner ol {
    list-style-type: decimal;
    margin-left: 1.6rem;
}

.page-id-420 #banner ol li {
    color: #1c437d;
    font-size: 1.32em;
    line-height: 1.17;
    margin-bottom: 19px;
}

.page-id-420 .second-half {
    display: block;
    margin: 0 auto;
    position: relative;
    background: #f7e300 url('../images/sweeps-half-2-bg.jpg') no-repeat center top;
}

.page-id-420 .second-half .inner-content {
    position: relative;
}

.page-id-420 .second-half article {
    margin-right: 18%;
    margin-top: 430px;
    margin-bottom: 60px;
}

.page-id-420 .second-half .ff-product {
    position: absolute;
    top: -154px;
    left: -78px;
}

.page-id-420 .second-half .ff-prize {
    position: absolute;
    top: -35px;
    right: -28px;
	}
.page-id-420 .second-half .ff-prize .call-to-action {
	background: #ffa409;
	border: 4px solid #00aeef;
	border-radius: 50%;
	width: 150px;
	height: 150px;
	position: absolute;
	top: 270px;
	right: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s;
	}
	.page-id-420 .second-half .ff-prize .call-to-action:hover { background: #00aeef; }
	.ff-prize .call-to-action p { margin-bottom: 6px; font-size: 14px; color: #fefdfc; font-weight: 700; }
	.ff-prize .call-to-action a { display: block; margin: 0 auto; text-align: center; color: #fefdfc; }
	.ff-prize .call-to-action a img { margin: 12px auto 0; display: block; }


/*********************
RECIPE, CAN, BOTTLE DETAIL PAGES
*********************/

.single #content {
    position: relative;
    background: #fff;
    margin-top: 850px;
}

.postid-151753 #content {
	margin-top: 1300px;	
}	
.postid-151753 #product {
	 height: 1300px !important;
	 position: absolute !important;
}
.single #product {
    margin-top: 49px;
}

.single-recipe #product, .single-can #product, .single-bottle #product, .single-cocktails #product {
    height: 850px;
    width: 100%;
    background: #eee;
    display: block;
    background-size: cover;
    background-position-y: bottom;
    -webkit-background-position-y: bottom;
    padding: 3% 0;
    position: fixed;
    top: 0;
}

.single-can #product, .single-bottle #product {
    background-repeat: repeat-x;
    background-size: contain;
    background-color: #fff;
}

.single .scroll_arrow {
    left: 50%;
    margin-left: -37px;
    top: -37px;
}
.single-fizz .off-canvas-content {
    min-height: 100%;
    background: #fefefe;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    box-shadow: none;
}
.single-fizz #content {
    margin: 80px 0 100px 0 !important;
}

.single-fizz .entry-content img {
	margin-bottom: 20px;
}

/*
.single-recipe .inner-content.flex,
.single-cocktails .inner-content.flex, .single-can .inner-content.flex, .single-bottle .inner-content.flex {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
}
*/

.single-recipe .product_image,
.single-cocktails recipe .product_image, .single-can .product_image, .single-bottle .product_image {
    width: 53%;
    background: none;
    z-index: 10;
    position: relative;
}

.single-recipe .product_image img,
.single-cocktails .product_image img, .single-can .product_image img, .single-bottle .product_image img {
	bottom: 0;
    display: block;
    margin: auto;
    max-height: 550px;
    position: relative;
    width: auto;
}

.single .product_image .product { z-index: 100; position: relative; }

.single .product_image .misc-2 { z-index: 50; }

.single .product_image .misc-1 { z-index: 40; }

.single-cocktails .product_image { /* margin-top: -52px;  */
	float: left;
	position: relative;
    width: 47%;}

.single-can .product_image .misc-2, .single-can .product_image .misc-1, .single .product_image .misc-1, .single .product_image .misc-2 {
    position: absolute;
    top: 0;
}

.single-recipe .product_content,
.single-cocktails .product_content, .single-can .product_content, .single-bottle .product_content {
/*     margin-top: 5%; */
    position: relative;
    width: 47%;
	}

.single-bottle .product_content {
    margin-top: 60px;
}

.single-recipe .product_content h3.single-title,
.single-cocktails .product_content h3.single-title, .single .product_content h3.single-title {
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-family: 'Trade Gothic W01 Bold';
    color: #1c437d;
}
.single .flavor-fizzy-white-sangria .product_content h3.single-title { color: #f25746; }

.single .flavor-fizzy-chill-red .product_content h3.single-title { color: #d90000; }

.single .flavor-fizzy-moscato .product_content h3.single-title { color: #0096c9; }

.single .flavor-fizzy-pink-moscato .product_content h3.single-title { color: #ff5fce; }

.single .flavor-fizzy-sangria .product_content h3.single-title { color: #ff8853; }

.single .flavor-fizzy-crisp-white .product_content h3.single-title { color: #008780; }

.single .variety-chardonnay .product_content h3.single-title { color: #ff6929; }

.single .variety-pinot-grigio .product_content h3.single-title { color: #79b336; }

.single .variety-moscato .product_content h3.single-title { color: #2fc1ed; }

.single .variety-pink-moscato .product_content h3.single-title { color: #f9538a; }

.single .variety-rieslings .product_content h3.single-title { color: #e85c01; }

.single .variety-cabernet-sauvignon .product_content h3.single-title { color: #f8000f; }

.single .variety-merlot .product_content h3.single-title { color: #003e84; }

.single .variety-pinot-noir .product_content h3.single-title { color: #6c2791; }

.single .flavor-fizzy-rose .product_content h3.single-title { color: #f95294; }

/* ---- NEW 2017 STYLES ---- */
.product_image_box { width: 60.8%; position: relative; }
.product_image_box .product { position: absolute; top: 93px; left: 4%; }
.product_image_box .product .misc-1_box { position: absolute; top: -113px; right: -113px; bottom: -113px; left: -113px; z-index: -1; animation-name: misc-1; -webkit-animation-name: misc-1; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; }

.single-can .product_content.alter { width: 39.2%; }

.single-can .product_content.alter .best-uses { list-style-type: none; margin: 0; padding: 0;
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 2em 0;
	}
.single-can .product_content.alter .best-uses li {
	-webkit-flex-flow: column nowrap;
	-moz-flex-flow: column nowrap;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 0 8px;
	}
.single-can .product_content.alter .best-uses li:first-child { margin-left: 0; }
.single-can .product_content.alter .best-uses img { max-width: 72px; }
.single-can .product_content.alter .best-uses span { font-family:'TradeGothicW01-BoldCn20_675334', sans-serif; color: #1c437d; text-transform: uppercase; letter-spacing: -0.05em; font-size: 16px; margin: 6px 0 0; }

.share-social { margin: 0 0 2em; }
.single-can .product_content .share-social p { font-family: 'Trade Gothic W01 Light'; color: #1c437d; font-size: 24px; margin: 0 8px 2px 0; letter-spacing: -0.05em; float: left; }
#st-1 div { display: inline-block !important; }

@media screen and (min-width: 740px) and (max-width: 1024px) {
			.product_image_box { width: 50%;  }
			.single-can .product_content.alter { width: 45%; margin-left: 5%; }
	    }

@media screen and (min-width: 320px) and (max-width: 739px) {
			.product_image_box { width: 100%; height: 400px; }
			.single-can .product_content.alter { width: 100%; margin-left: 0%; }
			.single-recipe .product_image img, .single-cocktails .product_image img, .single-can .product_image img, .single-bottle .product_image img {position: relative;}

			.single-recipe .inner-content.flex, .single-cocktails .inner-content.flex, .single-can .inner-content.flex, .single .inner-content.flex {display: block;}
			.single-recipe .product_image, .single-cocktails .product_image, .single-can .product_image, .single-recipe .product_content, .single-cocktails .product_content, .single-can .product_content, .single-bottle .product_content, .single-bottle .product_image {float: left;}
			.single-recipe .product_content, .single-cocktails .product_content, .single-can .product_content, .single-bottle .product_content {margin-top: 50px;}
}


/* ---- NEW 2017 STYLES ---- */


.single-recipe .product_content h3, .single .product_content h3,
.single-cocktails .product_content h3, .single .product_content h3 {
    font-family: 'Trade Gothic W01 Bold';
    color: #1c437d;
    margin-bottom: 0;
}

.single .product_content h4, .single .product_content p, .single .product_content li {
    font-family: 'Trade Gothic W01 Light';
    color: #fff;
    font-size: 125%;
    line-height: 1.3;
    letter-spacing: 0;
    margin-bottom: 1em;
}

.single-can .product_content p, .single-bottle .product_content p {
    color: #636363;
    font-size: 18px;
}
.single .sweetness_level p { font-size: 20px; }

.single .product_content li {
    margin-bottom: 0;
}

.single .product_content ul {
    list-style-type: none;
    margin-bottom: 1.4em;
}

.single .product_content .caption span {
    font-size: 14px;
    font-family: 'TradeGothicW01-LightObl';
}

.single #product .scroll_arrow {
    left: 50%;
    margin-left: -37px;
    bottom: -37px;
}

.single #recipes article {
    margin-top: 50px;
}

.single #more_recipes {
    background: url('../images/bg-single-recipe2.jpg') repeat-x bottom center;
    width: 100%;
    position: relative;
    display: block;
}

.single .inner-content #recipes {
    background: none;
}

.single .st_sharethis_large {
    font-family: 'Trade Gothic W01 Light', sans-serif;
    font-size: 150%;
    line-height: 1.6;
    letter-spacing: -0.05em;
    color: #fff;
    background: #003e84;
    text-transform: lowercase;
    text-align: center;
    width: auto;
    padding: 5px 18px 8px;
    cursor: pointer;
    margin: 0 72px 0 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.single .st_sharethis_large:hover {
    background: #032d5d;
}

.single .st_sharethis_large span.stButton {
    display: none !important;
}

.single .btn {
    display: inline-flex;
    position: relative;
    margin: 0;
}

.single span.locator_icon {
    width: 40px;
    height: 60px;
    background: url('../images/icon-locator-sm.png') no-repeat;
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    margin-right: 18px;
}

.single .flavor {
    width: 348px;
    position: relative;
    display: block;
}

.single .sweetness_level {
    width: auto;
    margin: .5em 0 1em;
    padding: 1em 0 0;
    border-top: 3px solid #003f86;
    display: table;
    position: relative;
}

.single-bottle .sweetness_level {
    margin: .5em 0;
}

.single-bottle .sweetness_level p {
    margin-bottom: .5em;
}

.single .sweetness_marker {
    height: 19px;
    width: 19px;
    background: url('../images/icon-droparrow.png') no-repeat center;
    position: relative;
    visibility: hidden;
    transform: translateX(0);
}

.single .sweetness_marker.dry {
    transform: translateX(5px);
}

.single .sweetness_marker.medium-dry {
    transform: translateX(81px);
}

.single .sweetness_marker.medium-sweet {
    transform: translateX(210px);
}

.single .sweetness_marker.sweet {
    transform: translateX(310px);
}


/*
==============================================
ANIMATIONS
==============================================
*/

.single .product_image .misc-1 {
    animation-name: misc-1;
    -webkit-animation-name: misc-1;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
}

@keyframes misc-1 {
    0% {
        transform: scale(0);
        opacity: 0.0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes misc-1 {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

.single .product_image .misc-2 {
    animation-name: misc-2;
    -webkit-animation-name: misc-2;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
}

@keyframes misc-2 {
    0% {
        transform: scale(0);
        opacity: 0.0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes misc-2 {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

.dry {
    animation-name: dry;
    -webkit-animation-name: dry;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
}

@keyframes dry {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(5px);
    }
}

@-webkit-keyframes dry {
    0% {
        -webkit-transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(5px);
    }
}

.medium-dry {
    animation-name: medium-dry;
    -webkit-animation-name: medium-dry;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
}

@keyframes medium-dry {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(81px);
    }
}

@-webkit-keyframes medium-dry {
    0% {
        -webkit-transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(81px);
    }
}

.medium-sweet {
    animation-name: medium-sweet;
    -webkit-animation-name: medium-sweet;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
}

@keyframes medium-sweet {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(210px);
    }
}

@-webkit-keyframes medium-sweet {
    0% {
        -webkit-transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(210px);
    }
}

.sweet {
    animation-name: sweet;
    -webkit-animation-name: sweet;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
}

@keyframes sweet {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(310px);
    }
}

@-webkit-keyframes sweet {
    0% {
        -webkit-transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(310px);
    }
}


/*********************
OUR STORY
*********************/

.page-id-17 #banner, .page-id-146 #banner {
    position: fixed;
    height: 677px;
    width: 100%;
    background-size: cover;
    background-position-x: center;
    -webkit-background-position-x: center;
    z-index: 1;
    top: 0;
}

.page-id-17 #content, .page-id-146 #content {
    margin-top: 677px;
    z-index: 100;
    position: relative;
    background: #fff;
}

.page-id-17 .main {
    text-align: center;
    margin: 80px auto 140px;
    position: relative;
    display: block;
    max-width: 1120px;
}

.page-id-17 .main h1 {
    margin-bottom: 24px;
}

.page-id-17 .main p {
    font-size: 150%;
    max-width: 670px;
    display: block;
    margin: 0 auto;
}

.page-id-17 .scroll_arrow, .page-id-146 .scroll_arrow {
    position: absolute;
    left: 50%;
    margin-left: -37px;
    margin-top: -37px;
}


/*********************
CONTACT US
*********************/

#contact_target, #home_target, #our_story_target {
    position: absolute;
    width: 1120px;
    left: 50%;
    margin-left: -560px;
}

#contact_target img, #home_target img, #our_story_target img {
    position: absolute;
}

.page-id-146 .main {
    text-align: center;
    margin: 80px auto 40px;
    position: relative;
    display: block;
    max-width: 840px;
}

.page-id-146 .main p {
    font-size: 150%;
}

.page-id-146 .wpcf7 form {
    padding: 1em 0;
    text-align: left;
}
#wpcf7-f5-p146-o1 > form > p:nth-child(9) > label {
	text-align: left;
}

.wpcf7 {float: left; margin-bottom: 50px !important;}
.wpcf7 label {display: block;}
.wpcf7 .small {float: left; margin: 0 2% 1% 0; max-width: 31%; width: 100%;}
.wpcf7 .medium {float: left; margin: 0 2% 1% 0; max-width: 47.5%; width: 100%;}
.wpcf7 .large {float: left; margin: 0 0 1% 0; max-width: 96.5%; width: 100%;}
.wpcf7 .clear {clear: both;}
.wpcf7-response-output {float: left;}

@media screen and (min-width: 320px) and (max-width: 740px) {
			.wpcf7 .small {margin: 0 0 1% 0; max-width: 100%;}
			.wpcf7 .medium {margin: 0 0 1% 0; max-width: 100%;}
			.wpcf7 .large {margin: 0 0 1% 0; max-width: 100%;}
	    }

[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea, .wpcf7 select {
    border: 1px solid #1c437d;
    color: #1c437d;
    box-shadow: none;
    font-size: 24px;
    height: 50px;
    font-family: 'TradeGothicW01-LightObl';
	}

[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus, textarea:focus {
    box-shadow: none;
    border-color: #2bc0ff;
	}
.wpcf7-form .name, .wpcf7-form .email { margin-right: 30px; margin-bottom: 40px; }
.wpcf7-form textarea[rows] { height: 132px; }
[type=submit], [type=button] {
    box-sizing: border-box;
    padding: .5rem 1rem;
    margin: 0 0 1rem;
    color: #fff;
    background: #1c437d;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border: none;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
	}
[type=submit]:hover, [type=button]:hover { background: #061f5c; }

div.wpcf7-response-output { text-align: center; padding: 1em; margin: 1em 0 !important; color: #fff; float: left; width: 100%; }
div.wpcf7-validation-errors { border: none !important; background: #d14434; text-align: center; color: #fff; font-size: 16px; }
div.wpcf7-mail-sent-ok { border: none; background: #5dca52; text-align: center; color: #fff; }
span.wpcf7-not-valid-tip {color: #2bc0ff; font-size: 16px; }


/*********************
AGE GATE
*********************/

.primary_focus #feature {
    position: absolute;
    width: 290px;
    height: 265px;
    display: block;
    top: 50%;
    margin-top: -90px;
    left: 50%;
    margin-left: -145px;
}

/*
#modal_content {
    position: relative;
    height: 100vh;
    width: 100vw;
    min-height: 900px;
    background: #eee;
}
*/

#modal_content section.flex {
    display: flex;
    display: block\0/;
    display: -webkit-flex;
    display: -ms-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
/*     height: 100%; */
}

#modal_content section.flex article {
    flex: 1;
}

#modal_content nav {
    margin: 44px 0;
   }
#modal_content .content_forms {
    padding: 0 3.6%;
    padding-top: 227px;
    padding-top: 30px\0/;
    box-sizing: border-box;
    background: #fff;
    margin-top: 30px;
    text-align: right;
}

@media screen and (min-width: 320px) and (max-width: 740px) { 
	#modal_content .content_forms {
		height: 450px;
	}
}

#modal_content .content_forms h1, #modal_content .content_forms h2, #modal_content .content_forms h3, #modal_content .content_forms p, #modal_content .content_forms a {
    color: #1c437d;
}

#modal_content .content_forms h1 {
    line-height: 1.1;
    margin-bottom: 0;
}

#modal_content .content_forms h2 {
    font-size: 281.25%;
    line-height: 1.1;
    letter-spacing: -0.05em;
}

#modal_content .primary_focus {
    background: url('../images/age-gate-bg.jpg') no-repeat center;
    background-size: cover;
    position: relative;
    height: 400px\0/;
}

#modal_content [type=submit], #modal_content [type=button] {
    border: 1px solid #1c437d;
    color: #1c437d;
    background: none;
    font-size: 25px;
    text-transform: lowercase;
    margin: 3em 0;
    min-width: 112px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

#modal_content [type=submit]:hover, #modal_content [type=button]:hover {
    background: #1c437d;
    color: #fff;
}

#modal_content p.copyright {
    font-size: 13px;
}

#modal_content p.copyright a {
    text-decoration: underline;
}


/*********************
CONTACT
*********************/

div.wpcf7-mail-sent-ok {
    -webkit-box-shadow: 0px 2px 5px 3px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0px 2px 5px 3px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 2px 5px 3px rgba(0, 0, 0, 0.07);
    border: 1px #f9f9f9 solid;
    background: #fff;
    color: #1c437e;
    font-size: 120%;
    padding: 30px;
}


/*********************
POSTS & CONTENT STYLES
*********************/

.alignright {
    float: right;
    right: 0;
}

.verticalcenter {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.page-title .vcard {
    border: 0px;
    padding: 0px;
}

.byline {
    color: #999;
}

.entry-content img {
    max-width: 100%;
    height: auto;
}

.entry-content .alignleft, .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
}

.entry-content .alignright, .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
}

.entry-content .aligncenter, .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
}

.entry-content video, .entry-content object {
    max-width: 100%;
    height: auto;
}

.entry-content pre {
    background: #eee;
    border: 1px solid #cecece;
    padding: 10px;
}

.wp-caption {
    max-width: 100%;
    background: #eee;
    padding: 5px;
}

.wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%;
}

.wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center;
}

.post-password-form input[type="submit"] {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: all 0.25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    padding: 0.85em 1em;
    margin: 0 1rem 1rem 0;
    font-size: 0.9rem;
    background: #2199e8;
    color: #fff;
}

[data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0;
}

.post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background: #1583cc;
    color: #fff;
}


/*********************
ERROR 404
*********************/

.error404 #content {
    position: relative;
    padding: 80px 0 30px;
}

.error404 .search-form {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    flex-direction: row;
}

.error404 .search-form .search-field {
    width: 500px;
}

.error404 .search-form input[type=submit] {
    font-family: 'Trade Gothic W01 Light', sans-serif;
    text-transform: lowercase;
    outline: none;
    font-size: 150%;
    letter-spacing: -0.05em;
}

.error404 #content ul {
    padding: 0 3em 0 1.25rem;
}

.error404 #content ul li a {
    font-family: 'Trade Gothic W01 Light', sans-serif;
    text-transform: lowercase;
    outline: none;
    font-size: 150%;
    letter-spacing: -0.05em;
    color: #1c437e;
}

.error404 ul li a:hover {
    color: #061f5c;
}

.error404 #content .sidebar-image {
    position: relative;
    margin: 4em 0 0 0;
}


/*********************
IMAGE GALLERY STYLES
*********************/


/*********************
PAGE NAVI STYLES
*********************/

.page-navigation {
    margin-top: 1rem;
}


/*********************
COMMENT STYLES
*********************/

#comments .commentlist {
    margin-left: 0px;
}

#respond ul {
    margin-left: 0px;
}

.commentlist li {
    position: relative;
    clear: both;
    overflow: hidden;
    list-style-type: none;
    margin-bottom: 1.5em;
    padding: 0.7335em 10px;
}

.commentlist li:last-child {
    margin-bottom: 0;
}

.commentlist li ul.children {
    margin: 0;
}

.commentlist li[class*=depth-] {
    margin-top: 1.1em;
}

.commentlist li.depth-1 {
    margin-left: 0;
    margin-top: 0;
}

.commentlist li:not(.depth-1) {
    margin-left: 10px;
    margin-top: 0;
    padding-bottom: 0;
}

.commentlist .vcard {
    margin-left: 50px;
}

.commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal;
}

.commentlist .vcard time {
    float: right;
}

.commentlist .vcard time a {
    color: #999;
    text-decoration: none;
}

.commentlist .vcard time a:hover {
    text-decoration: underline;
}

.commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff;
}

.commentlist .comment_content p {
    margin: 0.7335em 0 1.5em;
    font-size: 1em;
    line-height: 1.5em;
}

.commentlist .comment-reply-link {
    float: right;
}


/*********************
COMMENT FORM STYLES
*********************/

.respond-form {
    margin: 1.5em 10px;
    padding-bottom: 2.2em;
}

.respond-form form {
    margin: 0.75em 0;
}

.respond-form form li {
    list-style-type: none;
    clear: both;
    margin-bottom: 0.7335em;
}

.respond-form form li label, .respond-form form li small {
    display: none;
}

.respond-form form input[type=text], .respond-form form input[type=email], .respond-form form input[type=url], .respond-form form textarea {
    padding: 3px 6px;
    background: #efefef;
    border: 2px solid #cecece;
    line-height: 1.5em;
}

.respond-form form input[type=text]:focus, .respond-form form input[type=email]:focus, .respond-form form input[type=url]:focus, .respond-form form textarea:focus {
    background: #fff;
}

.respond-form form input[type=text]:invalid, .respond-form form input[type=email]:invalid, .respond-form form input[type=url]:invalid, .respond-form form textarea:invalid {
    outline: none;
    border-color: #fbc2c4;
    background-color: #f6e7eb;
    -ms-box-shadow: none;
    box-shadow: none;
}

.respond-form form input[type=text], .respond-form form input[type=email], .respond-form form input[type=url] {
    max-width: 400px;
    min-width: 250px;
}

.respond-form form textarea {
    resize: none;
    width: 97.3%;
    height: 150px;
}

#comment-form-title {
    margin: 0 0 1.1em;
}

#allowed_tags {
    margin: 1.5em 10px 0.7335em 0;
}

.nocomments {
    margin: 0 20px 1.1em;
}


/*********************
SIDEBARS & ASIDES
*********************/

.widget ul {
    margin: 0;
}

.widget ul li {
    list-style: none;
}


/*********************
FOOTER STYLES
*********************/

.footer {
    clear: both;
    z-index: 90;
    position: relative;
}

footer #find_us {
    background: url('../images/bg-footer-2.jpg') repeat-x top center;
    width: 100%;
    display: block;
    position: relative;
    height: 525px;
}

footer #find_us .inner-footer {
    /* 	background: url('../images/bg-footer-inside.jpg') no-repeat top center; */
    max-width: 1120px;
    width: auto;
    height: 525px;
    position: relative;
    display: block;
}

footer #find_us .inner-footer h2 {
	font-size: 381.25%;
    line-height: 1.4;
    letter-spacing: -0.05em;
    color: #1c437e;
}

footer #find_us .inner-footer.flex {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

footer #find_us article {
    max-width: 900px;
    position: relative;
    float: right;
    margin: 86px 0 0;
}

footer #find_us .icon {
    width: 20%;
    margin: 26px 0 0;
}

#find_us .icon img {
    display: block;
    margin: 0 auto;
}

footer #find_us .content {
    width: 80%;
    margin: 26px 0 0;
}

footer .social-icons ul {
    position: absolute;
    top: 18px;
    right: 0;
    list-style-type: none;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    flex-direction: row;
}

footer .social-icons ul li {
    list-style-type: none;
    width: 39px;
    height: 39px;
    border: 1px solid #fff;
    box-sizing: border-box;
    margin: 0 11px;
    cursor: pointer;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

footer .social-icons ul li:last-child {
    margin: 0 0 0 11px;
}

footer .social-icons #icon-fb {
    bottom: 1px;
    position: relative;
}

footer .social-icons li svg {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

footer .social-icons li:hover svg {
    background: #fff;
}

footer .social-icons li:hover svg path {
    fill: #1c437e;
}

footer #footer_main {
    background: #1c437e url('../images/pattern_floral_solid.jpg') no-repeat top center;
    background-size: cover;
    display: block;
    position: relative;
}

footer #footer_main h1, footer #footer_main h2, footer #footer_main h3, footer #footer_main h4, footer #footer_main h5, footer #footer_main p, footer #footer_main a {
    color: #fff;
}

footer #subForm label {
    font-family: 'Trade Gothic W01 Light', sans-serif;
    font-size: 150%;
    line-height: 1.6;
    letter-spacing: -0.05em;
    color: #fff;
    width: 100%;
    margin: 0 0 .5em;
}

footer #subForm {
    max-width: 400px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    position: relative;
    margin-top: 22px;
    margin-bottom: 17px;
}

footer #subForm [type=email] {
    width: 265px;
    height: 40px;
    border: none;
    font-size: 150%;
    color: #1c437e;
    display: initial;
    flex: 1;
}

footer #subForm .btn {
    margin: 0 0 0 1.1em;
    height: 40px;
    flex: 1;
    font-size: 150%;
    padding: 0 0 2px;
    display: block;
}

footer [type=submit]:hover, footer [type=button]:hover {
    background: #fff;
    color: #1c437e;
}

footer .copyright {
    font-size: 62.5%;
}

footer .copyright a {
    text-decoration: underline;
}

footer .contact {
    position: absolute;
    display: block;
    top: 73px;
    right: 0;
    max-width: 400px;
}

footer .contact .btn {
    display: inline;
    font-size: 24px;
    margin-left: 6px;
    min-height: 40px;
    padding: 5px 18px;
}

footer .contact a.btn:hover {
    background: #fff;
    color: #1c437e !important;
}

footer .row {
    position: relative;
}

footer .logo {
    position: absolute;
    display: block;
    background: url('../images/logo-footer.png') no-repeat;
    width: 290px;
    height: 265px;
    left: 50%;
    margin-left: -132px;
    top: -164px;
}


/*********************
OFF CANVAS
*********************/

.off-canvas {
    background: #fff;
}

.off-canvas a {
    color: #1c437e;
    outline: none;
}


/*********************
FOUNDATION STYLES
*********************/


/*********************
PLUGIN STYLES
*********************/

.gform_body ul {
    list-style: none outside none;
    margin: 0;
}


/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/


/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet.

Remember to add things that won't make sense to print at
the bottom. Things like nav, ads, and forms shouldbe set
to display none.
******************************************************************/

@media print {
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        -webkit-filter: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }
    a, a:visited {
        color: #444 !important;
        text-decoration: underline;
    }
    a:after, a:visited:after {
        content: " (" attr(href) ")";
    }
    a abbr[title]:after, a:visited abbr[title]:after {
        content: " (" attr(title) ")";
    }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr, img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
/*
    @page {
        margin: 0.5cm;
    }
    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }
    h2, h3 {
        page-break-after: avoid;
    }
    .sidebar, .page-navigation, .wp-prev-next, .respond-form, nav {
        display: none;
    }
*/
}


/*********************
//
// 	TABLET
//
*********************/

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    /* -------------------
	// GLOBAL
	------------------- */
	.show-for-small-only { display: block !important; }
	.top-bar .show-for-medium { display: none; }

	.top-bar-right.social { position: relative; width: 100%; top: auto; right: auto; }

	/* -------------------
	// HEADER
	------------------- */
    svg.logo {
        height: 45px;
        width: 177px;
    }
    svg#mobile_nav rect {
        fill: #fff;
    }
    .menu-text {
        padding: 13px 0 11px;
    }
    .top-bar-right {
        position: absolute;
        width: 60px;
        top: 15px;
        right: 5.2%;
    }
    .nav_icon > a {
        padding: 0 !important;
    }
    .dropdown.menu li.menu-item-368, .dropdown.menu li.menu-item-369 {
        display: block;
    }
    li.menu-item-388 {
        display: none;
    }
    .search-form {
        padding: 1em 16px;
    }
    .search-form input {
        border-radius: 0;
        -webkit-appearance: none;
    }
    .search .hentry .article-header h3 {
        text-align: center;
    }
    .search article .product {
        margin: 0 auto;
    }

    .inner-content {
        padding: 0 5.2%;
    }
    .inner-footer {
        padding: 0 5.2%;
    }
    #sl_div #left-pane-s, #find div#sl_div div#map {
        width: 100%;
        margin-right: 0%;
    }
    #find div#sl_div div#map {
        margin: 5em 0;
    }
    .page-id-19 div#sl_div div#map {
        width: 100%;
    }
    ul.recipes li .title h3 a {
        color: #1c437e;
    }
    .menu>li:not(.menu-text)>a {
        padding: .7rem 0.6rem;
    }
    .search .archive-grid .flex {
        align-items: center;
        flex-direction: row;
        margin: 1em 0;
    }
    .search .hentry .article-header {
        flex: 2;
    }
    .search article .featured-image {
        flex: 1;
    }
    .search .archive-grid .flex {
        min-height: inherit;
    }
    /* -------------------
	// HOMEPAGE
	------------------- */
	.orbit li.lifestyle article { position: absolute; right: 20%; bottom: 12%; }
	.orbit li.rose .text { background: url('../images/banner-text-rose.png') no-repeat; width: 302px; height: 318px; display: block; position: absolute; right: 6%; bottom: 12%; }
	.orbit li.rose .text-new { position: absolute; top: -200px; left: -100px; display: block; width: 179px; height: 179px; background: url('../images/banner-text-new.png') no-repeat; }
	.orbit .sweeps .text-1 { position: absolute; top: 50px; left: 5%; width: 312px; height: 264px; background: url('../images/sweeps-text.png') no-repeat; }
	.orbit .sweeps .cans { position: absolute; top: 440px; left: 5%; width: 263px; height: 275px; background: url('../images/sweeps-cans.png') no-repeat; }
	.orbit .sweeps .weber-group { position: absolute; top: 100px; left: 340px; width: 529px; height: 633px; background: url('../images/sweeps-weber-group.png') no-repeat; }
	.orbit .sweeps .click-enter { position: absolute; top: 50px; left: 400px; width: 183px; height: 183px; background: url('../images/sweeps-click-to-play.png') no-repeat; }

    #banner .beach,
    #banner {
        top: 0;
        margin-top: 49px;
        height: 806px;
        position: relative;
        background: #eee;
    }
    #banner .beach { margin-top: 0; }
    #banner .span-can, #banner .span-bottle {
        display: none;
    }
    #banner .flex {
        flex-direction: column;
        -webkit-flex-direction: column;
        display: block;
        height: 100%;
    }
    #banner .flex .cans, #banner .flex .bottles {
        height: 50%;
        width: 100%;
        display: inline-block;
        background: #eee url('../images/banner-tab-bk.png') no-repeat right center;
        overflow: hidden;
    }
    #banner .cans section.content, #banner .bottles section.content {
        height: 100%;
        margin: 0;
        width: 68%;
        background: #e6e6e6;
    }
    #banner .cans .product {
        background: url('../images/home-banner-can-single.png') no-repeat;
        width: 130px;
        height: 100%;
        bottom: -130px;
        background-size: contain;
        position: absolute;
        right: 11%;
        display: block;
    }
    #banner .bottles .product {
        background: url('../images/home-banner-bottle-single.png') no-repeat;
        width: 100px;
        height: 100%;
        bottom: -30px;
        background-size: cover;
        position: absolute;
        right: 11%;
        display: block;
    }
    #banner .bottles section.content {
        background: url('../images/banner-tab-bottle-pattern.png') no-repeat right center;
    }
    #banner .cans section.content {
        background: url('../images/banner-tab-can-pattern.png') no-repeat right center;
    }
    #banner .cans section.content h1, #banner .cans section.content h2, #banner .bottles section.content h1, #banner .bottles section.content h2 {
        color: #fff;
        width: 80%;
        margin: 0 6.2% 0 5.2%;
    }
    #banner .cans section.content h1, #banner .bottles section.content h1 {
        padding-top: 80px;
    }
    #banner .cans section.content article, #banner section.content article, #banner .bottles section.content article {
        right: auto;
        position: relative;
        bottom: auto;
        left: auto;
        margin: 2em 5.2%;
    }
    #banner .content a {
        background: #1c437e;
        color: #fff;
    }
    #banner.bottle-active .bottles .content header, #banner.can-active section.content header {
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }
    #banner section.content main, #banner section.content header {
        position: relative;
        bottom: auto;
        opacity: 1;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }
    #banner .cans section.content header, #banner .cans section.content main, #banner .bottles section.content header {
        text-align: left;
        right: auto;
    }
    #content.counter_the_fixed {
        margin-top: 0;
    }
    .box1 {
        width: 90%;
    }
    .box1 article h3 {
        max-width: 56%;
    }
    .home #our-story .parallaxParent {
        height: 560px;
    }
    .home #fizz-intro article {
        margin: 60px auto 30px;
        position: relative;
    }
    .home #recipes article {
        position: relative;
        margin: 0 5.2%;
    }

    /* -------------------
	// LOCATOR
	------------------- */
    #searchForm #addy_in_radius {
	    width: 100% !important;
	}

    /* -------------------
	// CANS
	------------------- */
    #no-glass .flex {
        flex-wrap: wrap;
    }
    #no-glass li {
        align-self: baseline;
    }
    .rollovers.flex {
        flex-direction: column;
    }
    .rollovers.flex li {
        margin: 20px auto;
    }
    ul.cans li, ul.bottles li, ul.recipes li {
        width: 50%;
    }
    .cans .title h3 a, .bottles .title h3 a {
        color: #1c437e;
    }
    /* -------------------
	// SINGLE
	------------------- */
    .single-recipe .product_content,
    .single-cocktails .product_content, .single-can .product_content, .single-bottle .product_content {
        margin-top: 60px;
    }
    .single-bottle #product {
        position: relative;
        height: auto;
        background-position: 0 28%;
    }
    .single-bottle .inner-content.flex {
        flex-direction: column;
    }
    .single-bottle #content {
        margin-top: 0;
    }
    .single-bottle .product_image, .single-bottle .product_content {
        width: 100%;
    }
    /* -------------------
	// FOOTER
	------------------- */
    footer .contact {
        top: 166px;
        right: 5.2%;
    }
    footer #subForm {
        margin-top: 120px;
    }
    footer .social-icons ul {
        right: 5.2%;
        top: 90px;
    }
    /* -------------------
	// SWEEEPSTAKES
	------------------- */
    .page-id-420 #banner {
        height: auto;
        background: #ccecfa url('../images/sw-banner-inner.jpg') no-repeat;
        background-position: center top;
        position: relative;
        width: 100%;
        display: block;
        top: auto;
        margin: 49px 0 0;
    }
    .page-id-420 #banner article {
        margin-left: 5.2%;
        margin-right: 5.2%;
        margin-top: 3em;
        margin-bottom: 3em;
    }
    .page-id-420 #banner .sweeps-feature {
        float: none;
        display: block;
        margin: 2.2em auto 0;
    }
    .page-id-420 #banner img {
        display: block;
        margin: 2.2em auto 0;
    }
    .page-id-420 .second-half {
        display: block;
        margin: 0 auto;
        position: relative;
        background: #f7e300 url('../images/sweeps-half-2-bg.jpg') no-repeat center top;
    }
    .page-id-420 .second-half .inner-content {
        position: relative;
    }
    .page-id-420 .second-half article {
        margin-right: 5.2%;
        margin-left: 5.2%;
        margin-top: 40px;
        margin-bottom: 60px;
    }
    .page-id-420 .second-half .ff-product {
        position: relative;
        top: -30px;
        left: auto;
        display: block;
    }
    .page-id-420 .second-half .ff-prize {
        position: relative;
        top: auto;
        right: auto;
        margin: 60px auto 0;
        display: block;
    }
    .page-id-420 .second-half .ff-prize img, .page-id-420 .second-half .ff-product img {
        display: block;
        margin: 0 auto;
    }
}


/*---- END OF TABLET ----*/


/*********************
//
// 	MOBILE
//
*********************/

@media only screen and (max-width: 46em) {
    /* -------------------
	// GLOBAL
	------------------- */
	#content.counter_the_fixed { margin-top: 0; }
	.flow-flow .ff-header h1 { font-size: 300%; }
    .inner-content {
        padding: 0 5.2%;
    }
    .inner-footer {
        padding: 0 5.2%;
    }
    #parallax1 {
        display: none;
    }
    h1 {
        font-size: 290%;
        line-height: 1.3;
    }
    .btn {
        max-width: 256px;
        display: block;
        margin: 1em auto;
        text-align: center;
    }
    #sl_div #left-pane-s, #find div#sl_div div#map {
        width: 100%;
        margin-right: 0%;
    }
    #find div#sl_div div#map {
        margin: 5em 0;
    }
    .page-id-19 div#sl_div div#map {
        width: 100%;
    }
    /* -------------------
	// HEADER
	------------------- */
	.orbit-previous, .orbit-next {display: none !important;}

	.orbit li.rose .text { background: url('../images/m-banner-text-rose-2.png') no-repeat; width: 326px; height: 224px; right: auto; left: 50%; margin-left: -173px; }
	.orbit li.rose .text-new { left: 50%; margin-left: -90px; }
	.orbit li.rose { background-position: right bottom;  }

	.orbit .sweeps .text-1 { background: url('../images/m-sweeps-text.png') no-repeat; width: 187px; height: 158px; position: relative; left: -70px; top: 100px; display: block; margin: 0 auto; }
	.orbit  #banner .sweeps .cans { display: none; }
	.orbit .sweeps .weber-group { position: relative; display: block; margin: 4em auto 0; left: auto; top: auto; background: url('../images/m-sweeps-weber-group.png') no-repeat; width: 317px; height: 380px; }


    svg.logo {
        height: 45px;
        width: 177px;
    }
    svg#mobile_nav rect {
        fill: #fff;
    }
    .menu-text {
        padding: 13px 0 11px;
    }
    .top-bar-right {
        position: absolute;
        width: 60px;
        top: 15px;
        right: 5.2%;
    }
    .nav_icon > a {
        padding: 0 !important;
    }
    .dropdown.menu li.menu-item-368, .dropdown.menu li.menu-item-369 {
        display: block;
    }
    li.menu-item-388 {
        display: none;
    }
    .search-form {
        padding: 1em 16px;
    }
    .search-form input {
        border-radius: 0;
        -webkit-appearance: none;
    }
    .search-submit {
	    display: none;
    }
    .search .hentry .article-header h3 {
        text-align: center;
    }
    .search article .product {
        margin: 0 auto;
    }
    /* -------------------
	// HOMEPAGE
	------------------- */
    #banner {
        top: 0;
        margin-top: 49px;
        height: 606px;
        position: relative;
        background: #eee;
    }
    #banner .beach {
	    top: 0;
        margin-top: 0;
        height: 806px;
        position: relative;
        max-height: 100% !important;
        /* background: #eee; */
    	}
    #banner .span-can, #banner .span-bottle {
        display: none;
    }
    #banner .flex {
        flex-direction: column;
        -webkit-flex-direction: column;
        display: block;
    }
    #banner .flex .cans, #banner .flex .bottles {
/*         height: 50%; */
        width: 100%;
        display: inline-block;
        background: #eee url('../images/banner-tab-bk.png') no-repeat right center;
    }
    #banner .cans section.content, #banner .bottles section.content {
        height: 0;
        margin: 0;
        width: 100%;
/*         background: #e6e6e6; */
    }
/*
    #banner .cans section.content header, #banner .bottles section.content header, #banner .cans section.content main, #banner .bottles section.content main {
	    display: none;
    }
*/
/*
    #banner > li.is-active.orbit-slide.beach > div > div.cans > section > article {
	    position: absolute;
	    top: 100px!important;
	    left: 5.5%!important;
	    right: 0!important;
    }

*/
    #banner > li.is-active.orbit-slide.beach > div > div.bottles > section > article {
	    position: absolute !important;
	    top: 210px !important;
	    left: 5.5% !important;
    }

    #banner > li.is-active.orbit-slide.beach > div > div.bottles > section > header {
	    position: absolute;
	    top: 155px;
    }
    #banner > li.is-active.orbit-slide.beach > div > div.bottles > section > main {
	    position: absolute;
	    top: 305px;
    }

    #banner .cans .product {
        background: url('../images/home-banner-can-single.png') no-repeat;
        width: 140px;
        height: 341px;
        top: 360px;
        background-size: contain;
        position: absolute;
        right: 110px;
        display: block;
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        z-index: 9999;
    }
    #banner .bottles .product {
        background: url('../images/home-banner-bottle-single.png') no-repeat;
        width: 174px;
        height: 727px;
        top: 110px;
        background-size: cover;
        position: absolute;
        right: 0;
        display: block;
        transform: scale(0.6);
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        z-index: 9999;
    }
    #banner .bottles section.content main {
        width: 75%;
        margin-left: 5.2%;
    }
    #banner .bottles section.content main h2 {
        margin: 0;
    }
/*
    #banner .bottles section.content {
        background: url('../images/banner-tab-bottle-pattern.png') no-repeat left center;
    }
    #banner .cans section.content {
        background: url('../images/banner-tab-can-pattern.png') no-repeat left center;
    }
*/
    #banner .cans section.content h1,  #banner .bottles section.content h1 {
        color: #1c437e;
        width: 100%;
        margin: 0 6.2% 0 5.2%;
    }
    #banner .cans section.content h2, #banner .bottles section.content h2 {
        color: #1c437e;
        width: 80%;
        margin: 0 6.2% 0 5.2%;
    }
    #banner .cans section.content h1 {
        padding-top: 100px;
    }
    #banner .bottles section.content h1 {
	    top: 100px;
	    z-index: 0;
	    position: absolute;
	}

    #banner .cans section.content header {
	    position: absolute;
	    top: -80px;
    }
    #banner .cans section.content main {
	    position: absolute;
	    top: 80px;
    }
    #banner .cans section.content article {
        position: absolute;
        left: 5.5%;
		top: 150px;
        width: 50%;
    }
    #banner section.content article, #banner .bottles section.content article {
        right: auto;
        position: absolute;
        bottom: auto;
        left: 5.5%;
/*         margin: 2em 5.2%; */
		top: -100px;
        width: 50%;
    }
    #banner > li.is-active.orbit-slide.beach > div > div.cans > section > article > p {z-index: 1000000;}
    #banner .content a {
        background: #1c437e;
        color: #fff;
    }
    #banner.bottle-active .bottles .content header, #banner.can-active section.content header {
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }
    #banner section.content main, #banner section.content header {
        position: relative;
        bottom: auto;
        opacity: 1;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }
    #banner .cans section.content header, #banner .cans section.content main, #banner .bottles section.content header {
        text-align: left;
        right: auto;
    }
    .box1 {
        position: relative;
    }
    .home #our-story {
        background: #1c437e url('../images/pattern_floral_13.png') repeat;
    }
    .home #our-story article {
        padding: 362px 0 60px;
    }
    .home .product_group {
        top: 40px;
        transform: translateY(0);
        right: auto;
    }
    .can_group_450 {
        background-size: contain;
        margin: 0 5.2%;
        width: auto;
    }
    .home #content.counter_the_fixed {
        margin-top: 0;
    }
    .home #fizz-intro article {
        margin: 60px 5.2% 30px;
        position: relative;
    }
    .home #recipes article {
        position: relative;
        margin: 0 5.2%;
    }

    /* -------------------
	// LOCATOR
	------------------- */
    #sl_div form, div#sl_div div#map, #searchForm #addy_in_radius {
	    width: 100% !important;
	}
	div.results_entry .results_row_right_column {
		overflow: visible !important;
	}

    /* -------------------
	// CANS
	------------------- */
    .page-id-11 #banner,
    .page-id-64116 #banner,
    .page-id-13 #banner,
    .page-id-15 #banner,
    .page-id-17 #banner {
        background-size: cover;
        height: 204px;
        top: 0;
        background-color: #8cbee1;
        background-repeat: no-repeat;
        background-position-y: bottom;
        -webkit-background-position-y: bottom;
    }
    .page-id-13 #banner, .page-id-15 #banner, .page-id-17 #banner {
	    margin-top: 69px;
    }
    .page-id-17 #content {
	    margin-top: 268px;
    }
    .page-id-11 #content.counter_the_fixed,
    .page-id-64116 #content.counter_the_fixed {
        margin-top: 0;
    }
    .product_image_box {
    	height: 425px;
	}
    #no-glass .flex, .rollovers.flex {
        flex-direction: column;
        justify-content: center;
        overflow: hidden;
    }
    #no-glass li, .rollovers li {
        margin: 30px auto;
    }
    .cans .title {
        margin-top: -60px;
    }
    .cans .title h3 a {
        color: #003663;
    }
    /* -------------------
	// LANDINGS
	------------------- */
    .cans.flex, .bottles.flex {
        flex-direction: column;
        -webkit-flex-direction: column;
    }
    ul.bottles li {
        width: 100%;
        display: inline-block;
        float: left;
        clear: both;
        margin-bottom: 0;
    }
    /* -------------------
	// SINGLE
	------------------- */
    ul.recipes li {
        width: 100%;
    }
    .single #product {
        margin-top: 69px;
    }
    .single-recipe .inner-content.flex,
    .single-cocktails .inner-content.flex, .single-can .inner-content.flex, .single .inner-content.flex {
        flex-direction: column;
    }
    .single-recipe .product_image,
    .single-cocktails .product_image, .single-can .product_image,
    .single-recipe .product_content,
    .single-cocktails .product_content, .single-can .product_content, .single-bottle .product_content, .single-bottle .product_image {
        width: 100%;
    }
    .single-can #product, .single #product {
        height: auto;
        background-size: inherit;
        background-position-y: -380px;
        -webkit-background-position-y: -380px;
        position: relative;
        top: auto;
    }
    .single-recipe #product,
    .single-cocktails #product {
        background-repeat: no-repeat;
        background-color: white;
    }
    .single .scroll_arrow, .single-can .scroll_arrow {
        display: none;
    }
    .single #content {
        margin-top: 0;
    }
    ul.recipes li .title h3 a {
        color: #015679;
    }
    .single .flavor {
        width: 100%;
    }
    .single-can .sweetness_level p {
        font-size: 120%;
    }
    .single-recipe #content,
    .single-cocktails #content {
        margin-top: 69px;
    }
    .single .product_content h4, .single .product_content p, .single .product_content li {
        color: #636363;
    }
    .recipe_type-signature-cocktails .product_content h4, .recipe_type-signature-cocktails .product_content p, .recipe_type-signature-cocktails .product_content li, .category-signature-cocktails  .product_content h4, .category-signature-cocktails  .product_content p {
	    color: #fff;
    }
    .single .btn {
        display: block;
    }
    .single span.locator_icon {
        display: block;
        margin: 0 auto;
    }
    .single .st_sharethis_large {
        display: block;
        width: 100%;
    }
    .single .product_content .btn {
        max-width: none;
        margin: 1.2em 0;
        padding: 5px 18px 8px;
    }
    /* -------------------
	// FOOTER
	------------------- */
    /* 	footer #find_us, footer #find_us .inner-footer { height: auto; margin-bottom: 200px; } */
    footer #find_us .icon {
        width: 30%;
    }
    #find_us .icon img {
        max-width: 80px;
        margin: 0 0;
    }
    footer #find_us .content {
        width: 70%;
    }
    footer #subForm {
        max-width: 100%;
        margin-top: 140px;
        margin-bottom: 60px;
        flex-direction: column;
    }
    footer #subForm .btn {
        margin: 10px auto;
        width: 100%;
    }
    footer .contact {
        display: none;
    }
    footer #subForm [type=email] {
        width: 100%;
    }
    footer .logo {
        width: 220px;
        height: 200px;
        background-size: contain;
        margin-left: -110px;
        top: -100px;
    }
    footer .social-icons ul {
        position: relative;
        top: auto;
        right: auto;
        justify-content: center;
        margin: 0 0 40px;
    }
    footer .social-icons ul li:last-child {
        margin: 0 11px;
    }
    /*********************
	AGE GATE
	*********************/
/*
	
	#modal_content {
		height: auto
	}
	
*/
	
    #modal_content #content {
        min-height: inherit;
        height: auto;
    }
    #modal_content section.flex {
        flex-direction: column;
    }
    #modal_content section.flex article.primary_focus {
        height: 300px;
        background-position-y: bottom;
        -webkit-background-position-y: bottom;
    }
    #modal_content .content_forms {
        padding: 0 5.2%;
    }
    #modal_content .content_forms h2 {
        font-size: 160%;
        line-height: 1.4;
    }
    #modal_content [type=submit], #modal_content [type=button] {
        width: 48%;
        margin: 1.5em 0;
    }
    /*********************
	SEARCH
	*********************/
    .top-bar-search {
        position: relative;
        top: auto;
        right: 0;
        opacity: 0;
        z-index: -1;
        background: #1c437e;
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
    }
    .top-bar-search.active {
        right: 5.2%;
        z-index: 1;
        opacity: 1;
    }
    .top-bar-search .search-form {
        display: flex;
        display: -webkit-flex;
        display: -ms-flex;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 1em;
    }
    .top-bar-search label {}
    .top-bar-search input {
        width: 400px;
    }
    .top-bar-search [type=search] {
        margin: 0 1em 0 0;
    }
    .top-bar-search [type=submit] {
        margin: 0;
        height: 46px;
        font-family: 'Trade Gothic W01 Light', sans-serif;
        text-transform: lowercase;
        outline: none;
        font-size: 150%;
        letter-spacing: -0.05em;
        background: #061f5c;
        color: #fff;
    }
    .top-bar-search [type=submit]:hover {
        color: #1c437d;
        background: #fff;
    }
    /* -------------------
	// SWEEEPSTAKES
	------------------- */
    .page-id-420 #banner h1 {
        word-break: break-word;
        font-size: 2em;
    }
    .page-id-420 #banner {
        height: auto;
        background: #ccecfa url('../images/sw-banner-inner.jpg') no-repeat;
        background-position: center top;
        position: relative;
        width: 100%;
        display: block;
        top: auto;
        margin: 49px 0 0;
    }
    .page-id-420 #banner article {
        margin-left: 5.2%;
        margin-right: 5.2%;
        margin-top: 3em;
        margin-bottom: 3em;
    }
    .page-id-420 #banner .sweeps-feature {
        float: none;
        display: block;
        margin: 5em 5.2% 0;
    }
    .page-id-420 #banner img {
        display: block;
        margin: 2.2em auto 0;
    }
    .page-id-420 .second-half {
        display: block;
        margin: 0 auto;
        position: relative;
        background: #f7e300 url('../images/sweeps-half-2-bg.jpg') no-repeat center top;
    }
    .page-id-420 .second-half .inner-content {
        position: relative;
    }
    .page-id-420 .second-half article {
        margin-right: 5.2%;
        margin-left: 5.2%;
        margin-top: 40px;
        margin-bottom: 60px;
    }
    .page-id-420 .second-half .ff-product {
        position: relative;
        top: -30px;
        left: auto;
        display: block;
    }
    .page-id-420 .second-half .ff-prize {
        position: relative;
        top: auto;
        right: auto;
        margin: 60px auto 0;
        display: block;
    }
    .page-id-420 .second-half .ff-prize img, .page-id-420 .second-half .ff-product img {
        display: block;
        margin: 0 auto;
    }
    .single-bottle .product_content {margin-top: 110px;}
    .product_image_box .product .misc-1_box {display: none;}
}


/*********************/


/*********************
//
// 	MOBILE (LANDSCAPE)
//
*********************/

@media only screen and (max-width: 46em) and (orientation: landscape) {
    .show-for-small-only {
        display: block !important;
    }
    .show-for-medium {
        display: none !important;
    }
}


/*********************/

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

	.single-can .product_content.alter .best-uses img {
	    max-width: 50px;
	}
	.single-can .sweetness_level p {
	    font-size: 100%;
	}
	.single-bottle .sweetness_level p {
	    font-size: 16px;
	}
	.single .sweetness_marker.sweet {
	    transform: translateX(250px);
	}
	.single .sweetness_marker.medium-sweet {
	    transform: translateX(165px);
	}
}