/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* ----------
FONTS
----------- */
@font-face {
	font-family: 'titos';
	src:url('../fonts/titos.eot?-hj75qf');
	src:url('../fonts/titos.eot?#iefix-hj75qf') format('embedded-opentype'),
		url('../fonts/titos.woff?-hj75qf') format('woff'),
		url('../fonts/titos.ttf?-hj75qf') format('truetype'),
		url('../fonts/titos.svg?-hj75qf#titos') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'titos';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-navicon, .icon-twitter, .icon-star, .icon-pinterest, .icon-instagram, .icon-facebook,
.site-header .social a, .site-footer .social a {
	font-family: 'titos';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.icon-navicon:before {
	content: "\2d";
}
.icon-twitter:before {
	content: "\74";
}
.icon-star:before {
	content: "\73";
}
.icon-pinterest:before {
	content: "\70";
}
.icon-instagram:before {
	content: "\69";
}
.icon-facebook:before {
	content: "\66";
}


/*
font-family:'ClarendonBTW01-Condense';
font-family:'Clarendon BT W01 Roman';
font-family:'Clarendon BT W01 Bold';
font-family:'Trade Gothic W01 Roman';
font-family:'Trade Gothic W01 Obl';
font-family:'Trade Gothic W01 Bold';
*/


/* ----------
GLOBAL
----------- */

input[type!=checkbox] {
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
}

body {
	font-family:'Trade Gothic W01 Roman';
	color:#000;
}

a {
	color: #F38C2D;
}

p {
	margin: 0;
	margin-bottom: 1em;
	margin-right: 25px;
	margin-left: 25px;
}

strong, b {
	font-family:"Trade Gothic W01 Bold";
}
em, i {
	font-family:"Trade Gothic W01 Obl";
}

.site-width {
	margin: 0 auto;
	position: relative;
}

.width-padding {
	padding-left: 10px;
	padding-right: 10px;
}

.no-svg #logo .svg {
	display: none;
}
.no-svg #logo  {
	background: url(/images/layout/logo.png) no-repeat;
}

#logo {
	z-index: 100;
	margin: 0 auto;
	width: 262px;
	height: 328px;
	height: 150px;
	display: block;
}

#logo img {
	height: 150px;
}

.site-header .social,
.site-header .internal {
	display: inline;
}


.site-header .social a,
.site-footer .social a {
	font-size: 32px;
	text-decoration: none;
	padding: 0 5px;
}

.site-footer .social a {
	font-size: 24px;
}

.twitter {
	color: #42aaeb;
}

.facebook {
	color: #3d5b96;
}

.pinterest {
	color: #bf042f;
}

.instagram {
	color: #47759a;
	}

.youtube {
	color: #cd201f;
}


/* ----------
HEADER
----------- */

.nav-trigger {
	background: #f38c2d;
	width: 262px;
	margin: 10px auto;
	display: block;
	text-align: center;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 5px 0;
	line-height: 20px;
}

.nav-wrapper {
	display: none;
	box-shadow: inset 0 0 5px #000;
	background: #ddd;
	padding: 15px 10px;
}


.aux-nav {
	display: none;
}

.aux-nav .internal {
	display: none;
}

.aux-nav .bull {
	color: #f38c2d;
	padding: 0 10px;
}

.aux-nav .bull-last {
	display: none;
}

.aux-nav .internal a {
	font-family:'Clarendon BT W01 Bold', serif;
	color: #000;
	text-decoration: none;
	font-size: 20px;
	text-transform: uppercase;
}



.main-nav a {
	font-family:'Clarendon BT W01 Bold';
	color: #000;
	text-decoration: none;
	text-shadow: 2px 2px 0 #f7c393;
	text-transform: uppercase;
	font-size: 20px;
	border: 5px solid #000;
	background: #fff;
	box-shadow: 5px 5px 0 #f38c2d;
	margin-left: 5px;
	padding: 5px 15px;

	display: block;
	margin-right: 10px;
	margin-bottom: 10px;
}

.mobile-only {
	display: block;
}


.divider-bar {
	background: #000 url(/images/layout/black_texture.gif);
	position: relative;
	height: 40px;
	border-top: 1px solid #fff;
}

.divider-bar:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 3px;
	bottom: 3px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.divider-bar .icon-star {
	margin: 0 auto;
	height: 40px;
	width: 40px;
	position: relative;
	color: #f38c2d;
	font-size: 28px;
	z-index: 10;
	line-height: 40px;
}

.site-header .divider-bar {
	margin-top: 10px;
	clear: both;
}


/* ----------
FOOTER
----------- */
.site-footer {
	font-family:'Clarendon BT W01 Roman';
	text-transform: uppercase;
}

.site-footer .icon-tx {
	position: absolute;
	width: 77px;
 	height: 75px;
	top: -20px;
	left: 50%;
	margin-left: -39px;
	z-index: 10;
}


.site-footer .copyright {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 5px;
	font-family:'ClarendonBTW01-Condense';
}

.site-footer .footer-nav {
	text-align: center;
}

.site-footer .footer-nav .internal a {
	color: #000;
	text-decoration: none;
	font-size: 18px;
}

.site-footer .social {
	display: block;
	margin-top: 10px;
}

.site-footer .handcrafted {
	font-size: 22px;
	text-shadow: 2px 2px 0 #f7c393;
	text-align: center;
	padding: 10px 5px;
	line-height: 1.2em;
}

.site-footer .disclaimer {
	text-transform: none;
	font-family:'Trade Gothic W01 Roman';
	color: #353535;
	text-align: center;
	padding: 0 5px;
	margin-bottom: 20px;
}


/* ----------
COMMON
----------- */

#overlay {
	position : fixed;
	top : 0;
	left : 0;
	height:100%;
	width:100%;
	background: #000;
	z-index : 10000;
	display : none;
}

.age-overlay {
	border: 10px solid rgba(255,255,255,.9);
	text-align: center;
	/*margin: 0 auto;
	margin-top: 20%;*/
	max-width: 550px;
	min-width: 300px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.age-overlay-inner {
	background: rgba(255,255,255,.9);
	margin: 2px;
	padding: 5px 5px 10px 5px;
}

.age-overlay .icon-star {
	display: none;
	color: #f38c2d;
	font-size: 40px;
	margin: 0 auto;
	margin-bottom: 10px;
}

.age-overlay .title {
	font-size: 18px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	font-family:'Clarendon BT W01 Bold', serif;
}

.age-overlay form {
	margin-top: 10px;
}

.age-overlay label {
	font-size: 12px;
	font-family:'Clarendon BT W01 Bold', serif;
}

.age-overlay input[name=day],
.age-overlay input[name=month] {
	width: 1.2em;
	border: 2px solid #000;
	text-align: center;
}

.age-overlay input[name=year] {
	width: 2.5em;
	border: 2px solid #000;
	text-align: center;
}

.age-overlay .country {
	margin-top: 10px;
}

.age-overlay .country select {
	margin-top: 5px;
	border: 2px solid #000;
}

.wood-bg {
	background: url(/images/layout/wood_bg.jpg) no-repeat center center;
	background-size: cover;
}

.orange-wood-bg {
	background: url(/images/layout/orange_wood_bg.jpg) repeat center center;
}

.black-bg {
	background: #000;
	color: #fff;
}


.store-bg {
	background: url(/images/layout/store_bg.jpg) no-repeat center center;
	background-size: cover;
}

section.shadow {
	box-shadow: 0 0 10px #000;
	position: relative;
	z-index: 10;
}

.section-padding {
	padding-top: 30px;
	padding-bottom: 30px;
	-webkit-transition: padding .3s linear;
	-moz-transition: padding .3s linear;
	-o-transition: padding .3s linear;
	transition: padding .3s linear;
}

.button {
	font-family:'Clarendon BT W01 Bold', serif;
	color: #fff;
	text-decoration: none;
	text-shadow: 2px 2px 0 #f38c2d;
	text-transform: uppercase;
	font-size: 20px;
	border: 5px solid #fff;
	box-shadow: 5px 5px 0 #f38c2d;
	padding: 5px 15px;
	display:inline-block;
	zoom:1;
	*display:inline;
	text-align: center;
	background: none;
}

.button-dark {
	color: #000;
	border-color: #000;
}

.ribbon-button {
	background: #f38c2d;
	color: #fff;
	font-family:'Clarendon BT W01 Roman', serif;
	text-transform: uppercase;
	position: relative;
	text-decoration: none;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
}

.ribbon-button:before {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 15px 0 15px 7px;
	border-color: #f38c2d transparent;
	left: -7px;
	top: 0;
	height: 0;
	width: 0;
}

.ribbon-button:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 15px 7px 15px 0;
	border-color: #f38c2d transparent;
	right: -7px;
	top: 0;
	height: 0;
	width: 0;
}


.double-hr {
	height: 6px;
	border-top: 3px solid #000;
	border-bottom: 1px solid #000;
	margin: 10px 0;
}

/* ----------
HOME
----------- */
#our-vodka,
.page-our-vodka .titos-story {
	text-align: center;
}


#our-vodka .headline,
#find-titos .headline,
.titos-story .headline,
#contact-us .headline,
.page-new-toronto .headline,
.page-join-the-fun #tito-sings .headline {
	font-family:'times new roman', serif;
	font-weight: bold;
	color: #fff;
	/*font-size: 30px;*/
	text-transform: uppercase;
}

.page-join-the-fun #tito-sings .headline {
	text-align: center;
}

.headline .icon-star {
	color: #f38c2d;
}

#our-vodka .about,
.page-our-vodka .titos-story,
.contact-intro,
.contact-form-intro,
.finder-intro,
.taster-intro,
.fresh-start-intro {
	font-size: 18px;
	color: #fff;
	/*padding: 15px;*/
	line-height: 1.6em;
	font-family:'Trade Gothic W01 Bold', sans-serif;
}



.contact-intro h2 {
	text-align: center;
}

.taster-intro {
	max-width: 600px;
	margin: 0 auto;
	margin-bottom: 40px;
}


#find-titos .headline {
	text-align: center;
	margin-bottom: 20px;
}

.finder {
	text-align: center;
	font-size: 18px;
}

.field-wrap {
	border: 10px solid #fff;
	display:inline-block;
	zoom:1;
	*display:inline;
	margin-bottom: 10px;
	padding: 1px;
}

.pledge-wrap {
	border: 10px solid #fff;
	margin-bottom: 10px;
	padding: 1px;
}

.finder select {
	width: 300px;
}

.field-wrap select,
.field-wrap input,
.field-wrap textarea {
	background: #fff;
	border: none;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.state-exclude {
	max-width: 400px;
	margin: 0 auto;
	border: 10px solid #fff;
}

.state-exclude-inner {
	padding: 10px;
	background: #fff;
	margin: 1px;
}

.state-response {
	display: none;
}

.field-wrap.disabled,
.field-wrap.disabled * {
	background: #ddd;
}



/* HOME - RECIPES */

.recipe-overlay {
	border: 10px solid rgba(255,255,255,.9);
	text-align: center;
	position: relative;
	left: 0;
	right: 0;
}

.recipe-overlay-inner {
	background: rgba(255,255,255,.9);
	margin: 2px;
	padding: 20px;
}

.recipe-overlay  .thumb {
	width : 60%;
	margin: 10px 0;
}

.recipe-slider  .full {
	width : 100%;
	display: none;
}

.recipe-overlay .feature-title {
	text-transform: uppercase;
	font-size: 12px;
}

.recipe-overlay .icon-star {
	display: none;
	color: #f38c2d;
	font-size: 40px;
	margin: 0 auto;
	margin-bottom: 10px;
}

.recipe-overlay .title {
	font-size: 18px;
	padding-bottom: 10px;
	border-bottom: 3px solid #000;
	margin-bottom: 5px;
	font-family:'Clarendon BT W01 Bold', serif;
}


.recipe-overlay .intro {
	padding: 0;
	margin-bottom: 10px;
}


/* HOME - SOCIAL */

#social .site-width {
	max-width: 95%;
}

#social .blog {
	margin-bottom: 50px;
	text-align: center;
}

#social .tweets {
	margin-bottom: 50px;
}

#social .friend {
	text-align: center;
}

#social .friend a {
	text-indent: -99999px;
	height: 139px;
	width: 122px;
	display:inline-block;
	zoom:1;
	*display:inline;
	margin: 10px auto;
}

#social .twitter {
	background: url(/images/home/twitter.png) no-repeat center bottom;
}

#social .facebook {
	background: url(/images/home/facebook.png) no-repeat center bottom;
}

#social .pinterest {
	background: url(/images/home/pinterest.png) no-repeat center bottom;
}

#social .instagram {
	background: url(/images/home/instagram.png) no-repeat center bottom;
}

#social .youtube {
	background: url(/images/home/youtube.png) no-repeat center bottom;
}

#social .blog-teasers {
	margin: 20px 0;
}

#social .blog-teaser {
	border-top: 1px solid #fff;
	padding-top: 15px;
	margin-bottom: 15px;
}

#social .blog-teaser:first-child {
	border-top: none;
}

#social .blog-teaser .date {
	float: left;
	padding-right: 10px;
	border-right: 1px solid #fff;
	width: 12%;
	text-align: center;
	font-family:'Clarendon BT W01 Bold', serif;
}

#social .blog-teaser .month {
	font-size: 18px;
	line-height: 18px;
	color: #f38c2d;
	text-transform: uppercase;
}

#social .blog-teaser .day {
	font-size: 28px;
	line-height: 28px;
	color: #fff;
}

#social .blog-teaser .teaser {
	float: right;
	width: 82%;
	text-align: center;
}

#social .blog-teaser .ribbon-button {
	display:inline-block;
	zoom:1;
	*display:inline;
	margin: 10px auto 0 auto;
}

#social .blog-teaser .title {
	display: block;
	color: #fff;
	text-decoration: none;
	font-family:'Clarendon BT W01 Bold', serif;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 10px;
}

#social .tweet {
	margin-top: 20px;
	text-align: center;
	color: #fff;
	font-family:'Trade Gothic W01 Bold', sans-serif;
}

#social .tweet a {
	color: #fff;
}

#social .tweet .date {
	font-family:'Trade Gothic W01 Roman';
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	display: block;
	margin-top: 5px;
}


/* ----------
RECIPES
----------- */
.infustions-teaser {
	position: relative;
	text-align: center;
}

.infustions-teaser img {
	max-width: 100%
}

.infustions-teaser .inf-text {
	display: none;
}

.infustions-teaser .inf-bottle {
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align: middle;
	width: 15%;
}


.infustions-teaser .inf-plus{
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align: middle;
	width: 7%;
	margin: 0 1%;
}

.infustions-teaser .inf-ingredients {
	display:inline-block;
	zoom:1;
	*display:inline;
	text-align: center;
	vertical-align: middle;
	width: 45%;
}


.infustions-teaser .inf-equal {
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align: middle;
	width: 7%;
	margin: 0 1%;
}

.infustions-teaser .inf-final {
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align: middle;
	width: 15%;
}





.infustions-teaser .button {
	position: absolute;
	width: 200px;
	left: 50%;
	bottom: 40px;
	margin-left: -100px;
	font-size: 20px;
}

.recipe-search h1 {
	font-family:'ClarendonBTW01-Condense';
	text-transform: uppercase;
	margin: 0.25em 0;
	text-align: center;
}

.recipe-search h1 .icon-star {
	color: #f38c2d;
	font-size: 90%;
}

.featured-mixologists h1 {
	font-family:'ClarendonBTW01-Condense';
	margin: 0.25em 0;
	text-transform: uppercase;
	text-align: center;
}

.featured-mixologists h1 span {
	color: #f38c2d;
}

.mixologist-teaser {
	display: block;
	font-family:'Clarendon BT W01 Bold';
	color: #000;
	text-decoration: none;
	text-shadow: 2px 2px 0 #f38c2d;
	text-transform: uppercase;
	font-size: 20px;
	margin: 0 10px 10px 10px;
	line-height: 50px;
}


.mixologist-teaser  .phtoo-wrap {
	border-radius: 26px;
	border: 2px solid #f38c2d;
	display: block;
	float: left;
	margin-bottom: 5px;
	margin-right: 20px;
	position: relative;
}

.mixologist-teaser  .photo-wrap .overlay {
	display: none;
}


.mixologist-teaser img {
	height: 50px;
	width: 50px;
	border-radius: 26px;
	display: block;
}


.mixologist-teaser .icon-star {
	text-shadow: none;
	color: #F38C2D;
	display: block;
	margin: 5px auto;

}

.mixologist-teaser  .photo-wrap .overlay {
	font-size: 30px;
	line-height: 1.2em;
}


.search-wrap {
	border: 5px solid #000;
	float: left;
	margin-right: 5px;
}

.search-wrap input {
	margin: 1px;
	border: 1px solid #000;
	padding: 5px 15px;
	font-size: 17px;
}



.recipe-category {
	display: block;
	font-family:'Clarendon BT W01 Bold';
	color: #000;
	text-decoration: none;
	text-shadow: 2px 2px 0 #f38c2d;
	text-transform: uppercase;
	font-size: 30px;
	margin: 0 10px 10px 10px;
	line-height: 50px;
}

.recipe-category  .photo-wrap {
	border-radius: 26px;
	border: 2px solid #f38c2d;
	display: block;
	float: left;
	margin-bottom: 5px;
	margin-right: 20px;
	position: relative;
}

.recipe-category  .photo-wrap .overlay {
	display: none;
}


.recipe-category img {
	height: 50px;
	width: 50px;
	border-radius: 26px;
	display: block;
}

.recipe-keyword-search-wrap {
	text-align: center;
	margin: 40px 0;
}

.recipe-keyword-search {
	display:inline-block;
	zoom:1;
	*display:inline;
}

.recipe-keyword-search .search-wrap {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	float: none;
}

.recipe-results {
	text-align: center;
	font-size: 0;
	margin-bottom: 40px;
}

.recipe {
	display:inline-block;
	zoom:1;
	*display:inline;
	font-size: 20px;
	text-align: center;
	font-family:'Clarendon BT W01 Bold';
	color: #000;
	text-decoration: none;
	padding: 20px 10px;
	border-bottom: 1px dashed #000;
	max-width: 260px;
	height: 350px;
	vertical-align: top;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.recipe img {
	display: block;
	margin: 0 auto 5px auto;
}

.recipe .name {
	padding: 0 10px;
}

.results-bar {
	background: #000;
	margin: 20px 10px;
	padding: 5px;
}

.results-bar-inner {
	padding: 10px;
	border: 1px solid #fff;
	color: #fff;
	font-family:'Clarendon BT W01 Bold';
	font-size: 30px;
	text-transform: uppercase;
}

.results-bar-inner .icon-star {
	color: #f38c2d;
}

.recipe-detail {
	padding-top: 40px;
}

.other-recipes {
	margin-bottom: 40px;
	text-align: center;
}

.recipe-detail .photo-container {
	margin: 10px;
}

.recipe-detail .photo-container img {
	max-width: 100%;
	margin: 0 auto;
	display: block;
}

.recipe-detail .instructions-container {
	margin: 10px;
}

.recipe-detail .instructions-container h1,
.other-recipes h1 {
	font-family:'Clarendon BT W01 Bold';
}

.other-recipes h1 {
	text-transform: uppercase;
}

.other-recipes h1 span {
	color: #f38c2d;
}

.fittext {
	width: 100%;
}


/* ----------
	INFUSIONS
----------- */
.page-infusions .banner,
.page-infusion-detail .banner {
	text-align: center;
	font-family: 'Trade Gothic W01 Bold',sans-serif;
	color: #fff;
	font-size: 18px;
}

.page-infusions .banner img,
.page-infusion-detail .banner img {
	max-width: 100%;
}

.infusion {
	display: block;
	font-size: 20px;
	text-align: center;
	font-family:'Clarendon BT W01 Bold';
	color: #000;
	text-decoration: none;
	padding: 20px 10px;
	border-bottom: 1px dashed #000;
	max-width: 450px;
	vertical-align: top;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.infusion .name {
	height: 40px;
}

.infusion img {
	max-width: 100%;
}


/* ----------
	INFUSION DETAIL
----------- */
.infusion-detail,
.infusions {
	margin-bottom: 40px;
}

.infusion-detail h1 {
	font-family:'ClarendonBTW01-Condense';
}


.other-infusions {
	margin-bottom: 40px;
	text-align: center;
}

.other-infusions h1 {
	font-family:'Clarendon BT W01 Bold';
}

.other-infusions h1 {
	text-transform: uppercase;
}

.other-infusions h1 span {
	color: #f38c2d;
}

.page-infusion-detail .infusion,
.page-infusion-detail .recipe {
	border-bottom: none;
}


/* ----------
	FIND TITOS
----------- */
#search-map {
	width: 90%;
	margin: 20px auto;
	height: 400px;
	border: 2px solid #F38C2D;
}

#map-container {
	position: relative;
}

#location-overlay {
	display: none;
	background: rgba(0,0,0, .75);
	color: #fff;
	position: absolute;
	margin-left: -160px;
	margin-top: -100px;
	top: 50%;
	left: 50%;
}

#location-overlay-inner {
	border: 1px solid #fff;
	margin: 10px;
	padding: 30px;
	padding-top: 20px;
	height: 180px;
	width: 300px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#location-overlay h2 {
	font-family:'Clarendon BT W01 Bold';
	margin: 0;
}

#location-overlay .button {
	margin: 10px auto 0 auto;
	text-shadow: 1px 1px 0 #f38c2d;
	text-transform: uppercase;
	font-size: 20px;
	border: 3px solid #fff;
	box-shadow: 3px 3px 0 #f38c2d;
	padding: 5px 15px;
	font-size: 14px;
	display: block;
}

.location-overlay-close {
	display: block;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	position: absolute;
	top: 11px;
	right: 11px;
	color: #fff;
	text-decoration: none;
	height: 20px;
	width: 20px;
	line-height: 20px;
	text-align: center;
	font-weight: bold;
}

#distributors {
	text-align: center;
	margin-bottom: 40px;
}

#distributors h1 {
	font-family:'Clarendon BT W01 Bold';
}


#distributor-form,
#international-distributor-form {
	margin: 10px 0;
}

#distributor-details,
#international-distributor-details {
	display: none;
}

.distributor {
	margin-bottom: 10px;
}

.finder-intro {
	font-size: 24px;
	margin-bottom: 10px;
}

/* ----------
	OUR VODKA
----------- */
.page-our-vodka .banner {
	background: url(/images/our_vodka/banner.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
	padding: 20px;
}

.page-our-vodka .banner img {
	max-width: 100%;
}

.im-tito-container {
	padding-top: 40px;
}

.im-tito-headline,
.pledge-headline,
.page-fresh-start .headline,
.page-new-toronto .headline,
.page-hometown-shindig .headline {
	font-family:'Clarendon BT W01 Bold';
	color: #000;
	text-shadow: 3px 3px 0 #f38c2d;
	text-transform: uppercase;
	font-size: 20px;
	margin-bottom: 10px;
}

.pledge-headline,
.page-new-toronto .headline {
	color: #fff;
	margin: 30px auto;
	text-align: center;
}

.story {
	font-size: 18px;
	line-height: 1.6em;
}

.im-tito {
	margin: 0 20px;
}

.im-tito-container .tito-cut {
	display: none;
	max-width: 100%;
	height: auto;
}

.im-tito-container .mobile-boxes {
	display: block;
}

.tito-ism {
	text-align: center;
	padding: 20px;
}

.tito-ism-number {
	display: block;
	margin: 0 auto;
	margin-bottom: 5%;
}

.tito-ism img {
	max-width: 100%;
}

.half-photo-left,
.half-photo-right {
	width: 100%;
	margin-bottom: 10px;
}


/* ----------
	ASK TITO
----------- */
.page-ask-tito .banner {
	background: url(/images/ask_tito/ask_tito.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
	padding: 20px;
	font-family:'Clarendon BT W01 Bold';
	color: #fff;
	font-size: 20px;
	padding: 10px 0;
	text-shadow: 0 0 3px rgba(0,0,0,.5);
}


.page-ask-tito .banner img {
	display: block;
	margin: 0 auto 10px auto;
	max-width: 100%
}


.page-ask-tito .tito-head {
	display: none;
}

.page-ask-tito .tito-head img {
		max-width: 100%;
}

.page-ask-tito .answers {
	border: 5px solid #000;
	border-radius: 30px;
	padding: 10px;
	position: relative;
	min-height: 100px;
	box-shadow: 3px 3px 0 #f38c2d;
}

.page-ask-tito .question-form {
	text-align: center;
}

.page-ask-tito .question-form * {
	text-align: left;
}

.page-ask-tito .question-wrap {
	border: 5px solid #000;
	display:inline-block;
	zoom:1;
	*display:inline;
	width: 95%;
}

.page-ask-tito #question {
	width: 100%;
}


.page-ask-tito .answer {
	display: none;
}

.page-ask-tito .answer .q {
	font-family:'Clarendon BT W01 Bold';
	font-size: 20px;
	margin-bottom: 10px;
}

.page-ask-tito .chosen-container {
	/*font-size: 20px;*/
}

.page-ask-tito .chosen-container-single .chosen-single {
	height: 33px;
	line-height: 33px;
}

.page-ask-tito .chosen-container-single .chosen-single div {
	top: 5px;
}

.page-ask-tito .chosen-container-single .chosen-single,
 .page-ask-tito .chosen-container-active.chosen-with-drop .chosen-single  {
	background: none;
	border : 0;
	box-shadow: none;
}

.page-ask-tito .chosen-container .chosen-results li {
	line-height: 1.2em;
}

.page-ask-tito .chosen-container .chosen-results li.highlighted {
	background: #fce2ca;
	color: #000;
}


/* ----------
	STORE
------------*/


#store-nav {
	padding-left: 50px;
	bottom: 20px;
	left: 25%;
	position: absolute;
}

ul#store-nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#store-nav a {
	text-decoration: none;
}

ul#store-nav li {
	display: inline-block;
	margin-left: 20px;
	width: 150px;
	height: 150px;
	border-radius: 85px;
	-webkit-border-radius: 85px;
	-moz-border-radius: 85px;
	border: 10px solid #F38C2D;
	font-family: 'Clarendon BT W01 Roman';
    text-transform: uppercase;
    font-size: 26px;
    color: #FFF;
    text-shadow: 2px 2px 0 #f38c2d;
    text-align: center;
    line-height: 150px;
}

ul#store-nav li span {
	opacity: 0; 
	visibility: hidden; 
	-webkit-transition: visibility 0.4s linear, opacity 0.4s linear; 
	-moz-transition: visibility 0.4s linear, opacity 0.4s linear; 
	-o-transition: visibility 0.4s linear, opacity 0.4s linear; 
}

ul#store-nav li:hover span {
	visibility: visible; 
	opacity: 1;
	display: block;
	background-color: rgba(0, 0, 0, 0.5);
	height: 150px;
	width: 150px;
	border-radius: 85px;
        -webkit-border-radius: 85px;
        -moz-border-radius: 85px;

}

#store-nav #nav-shirts {
	background: url(/images/store/nav_shirts.jpg) no-repeat;
}
#store-nav #nav-hats {
	background: url(/images/store/nav_hats.jpg) no-repeat;
}
#store-nav #nav-barware {
	background: url(/images/store/nav_barware.jpg) no-repeat;
}
#store-nav #nav-misc {
	background: url(/images/store/nav_misc.jpg) no-repeat;
}

#titos-store {display: none;}

.label-new {display: none;}

/* ----------
	CONTACT
----------- */
#contact-us .headline {
	text-align: center;
}

#pledge-form .field-wrap,
#new-toronto-form .field-wrap,
.contact-form .field-wrap {
	width: auto;
	display: block;
}

#pledge-form .field-wrap *,
#new-toronto-form .field-wrap *,
.contact-form .field-wrap * {
	width: 100%;
	border: none;
}

.contact-intro {
	text-align: left;
	color: #000;
	max-width: 800px;
	margin: auto;
}


.contact-sep {
	color: #f38c2d;
	font-size: 30px;
	text-align: center;
	letter-spacing: 20px;
	margin-bottom: 10px;
}

.contact-form .response {
	display: none;
	font-size: 18px;
	color: #fff;
	line-height: 1.6em;
	font-family:'Trade Gothic W01 Bold', sans-serif;
	display:inline-block;
	zoom:1;
	*display:inline;
	margin-left: 20px;
}

.parsley-error-list {
	margin: 0;
	list-style: none;
	background: #f38c2d;
	padding: 0;
}

.parsley-error-list li {
	padding: 5px;
}


.faq dt {
	font-weight: bold;
	font-size: 20px;
}

.faq dd {
	margin-bottom: 10px;
}

/* ----------
	JOIN THE FUN
----------- */
.page-join-the-fun .banner {
	background: url(/images/join_the_fun/join_the_fun.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
	padding: 10% 20px;
}

.page-join-the-fun .banner img {
	max-width: 100%;
}

.page-join-the-fun #recent-events .headline,
.page-join-the-fun #events .headline {
	text-align: center;
	font-family:'Clarendon BT W01 Bold';
	text-transform: uppercase;
	font-size: 18px;
}

.page-join-the-fun #recent-events {
	text-align: center;
}


.page-join-the-fun #events {
	margin-bottom: 40px;
	text-align: center;
}

.page-join-the-fun .event {
	display:inline-block;
	zoom:1;
	*display:inline;
	text-align: center;
	font-family:'Clarendon BT W01 Bold';
	color: #000;
	text-decoration: none;
	padding: 20px 10px;
	border-bottom: 1px dashed #000;
	max-width: 460px;
	vertical-align: top;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

.page-join-the-fun .event img {
	display: block;
	border-radius: 137px;
	margin: 0 auto;
}

.page-join-the-fun .event .event-name {
	font-size: 30px;
}

.page-join-the-fun .event .event-date {
	color: #F38C2D;
	font-size: 21px;
	margin: 5px 0;
}

.page-join-the-fun .event .ribbon-button {
	display:inline-block;
	zoom:1;
	*display:inline;
	font-size: 16px;
}


.page-join-the-fun .dog-people-teaser {
	text-align: center;
}


.page-join-the-fun .event-thumbs {
	text-align: center;
}

.page-join-the-fun .event-thumb {
	display:inline-block;
	zoom:1;
	*display:inline;
	text-align: center;
	font-family:'Clarendon BT W01 Bold';
	color: #000;
	text-decoration: none;
	padding: 20px 10px;
	border-bottom: 1px dashed #000;
	max-width: 300px;
	vertical-align: top;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

.page-join-the-fun .event-thumb img {
	display: block;
	border-radius: 137px;
	margin: 0 auto;
}



/* ----------
	TITO'S TASTER
----------- */

.page-titos-taster .banner {
	background: url(/images/taster/banner.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
	padding: 40px;
}

.page-titos-taster .banner img {
	max-width: 100%;
}

.taster-intro {
	text-align: center;
}

.page-titos-taster #pledge-form {
	line-height: 1.5em;
}

.page-titos-taster .pledge li {
		margin-bottom: 1em;
}

.page-titos-taster .pledge-wrap {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.page-titos-taster .pledge {
	padding: 20px;
	background: #fff;
}

.page-titos-taster .birthday {
	max-width: 500px;
	margin: 10px auto 0 auto;
	text-align: center;
}

.page-titos-taster .birthday .taster-intro {
	margin-bottom: 0;
	font-size: 20px;
}

#pledge-form .clearfix.birthday .field-wrap,
#pledge-form .clearfix.birthday .field-wrap:last-child,
#new-toronto-form .clearfix.birthday .field-wrap,
#new-toronto-form .clearfix.birthday .field-wrap:last-child {
	width: 30%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: none;
	display: inline-block;
}

#new-toronto-form .clearfix.birthday .field-wrap,
#new-toronto-form .clearfix.birthday .field-wrap:last-child {
	width: 32%;
}

/* ----------
	FRESH START
----------- */

.page-fresh-start .banner {
	background: url(/images/fresh-start/orange-plaid.jpg) repeat center center;
	
	text-align: center;
	padding: 40px;
}

.page-fresh-start .banner img {
	max-width: 100%;
}

.page-fresh-start .col-2 {
	
}

.page-fresh-start .fresh-start-intro {
	padding-top: 20px;
}


.page-fresh-start .launch-fresh-start-intro {
	background: url(/images/fresh-start/grid-bg.png);
	padding: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #404041;
	margin-bottom: 10px;
}

.page-fresh-start #pour-a-drink {
	text-align: center;
}

.page-fresh-start #pour-a-drink img {
	display: inline-block;
	margin: 0 10px 20px 10px;
	max-width: 100%;

}

.page-fresh-start .plus-one {
	font-family:'ClarendonBTW01-Condense';
	margin: 0.25em 0;
	text-transform: uppercase;
	text-align: center;
	font-size: 40px;
	font-weight: bold;
}


.plus-one-width {
	max-width: 1000px;
	margin: 0 auto;
}


.page-fresh-start .launch-fresh-start-download {
	text-align: center;
}

.page-fresh-start .launch-fresh-start-download img {
	max-width: 100%;
}

.page-fresh-start .titos-line {
	max-width: 100%;	
	margin: 0 auto;
}

.page-fresh-start .wanderlust {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

#gear-up .headline {
	text-align: center;
}

.page-fresh-start #gear-up,
.page-hometown-shindig #gear-up {
	text-align: center;
}


.page-hometown-shindig  .product,
.page-fresh-start  .product {
	display: inline-block;
	text-decoration: none;
	font-family: "Clarendon BT W01 Bold";
	text-shadow: 2px 2px 0 #f38c2d;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 1em;
	margin: 10px;
	vertical-align: top;
}

.page-hometown-shindig  .product-name,
.page-fresh-start  .product-name {
	color: #000;
	
	font-size: 20px;
}

.page-hometown-shindig  .photo-wrap,
.page-fresh-start  .photo-wrap {
	border-radius: 100%;
	border: 10px solid #f38c2d;
	float: none;
	margin: 0;
	margin-bottom: 5px;
	position: relative;
}

.page-hometown-shindig .photo-wrap img,
.page-fresh-start .photo-wrap img {
	border-radius: 100%;
	display: block;
	height: auto;
	width: auto;
	max-width: 230px;
}

.page-hometown-shindig  .photo-wrap .overlay,
.page-fresh-start  .photo-wrap .overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	color: #fff;
	background: rgba(0,0,0,.75);
	border-radius: 100%;
	padding-top: 75px;
}

.page-fresh-start  .product:hover  .photo-wrap .overlay {
	display: block;
}



/* ----------
	FRESH START
----------- */

.page-hometown-shindig .banner {
	background: url(/images/hometown-shindig/acl_photo.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
	padding: 40px;
}


/* ----------
	THE NEW TORONTO
----------- */

.page-new-toronto .banner {
	background: url(/images/new-toronto/banner.jpg) repeat center center;
	background-size: cover;
	text-align: center;
	padding: 40px;

}


.page-new-toronto .banner img {
	max-width: 100%;
}

/* ----------
	HOMETOWN SHINDIG
----------- */

.page-home .page-hometown-shindig .playlist-overlay-inner {
	font-size: 14px;
	font-weight: bold;
	height: auto;
}

.page-home .page-hometown-shindig .banner {
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}

.page-hometown-shindig .banner {
	position: relative;
}


.page-hometown-shindig .banner .credit {
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #fff;
	font-size: 10px;
	color: #ddd;
	text-shadow: 0 0 3px #000;
}


.page-hometown-shindig .section-padding {
	padding-top: 60px;
}


.page-hometown-shindig .banner img {
	max-width: 100%;
}

.page-hometown-shindig #pour-a-drink .headline {
	text-align: center;
}

.video-slider,
.playlist-slider {
	text-align: center;
}

.playlist-slider .slides {
	
}

.player-container {
	margin-bottom: 20px;
}

.playlist-description {
	text-align: left;
}

.playlist-description .button {
	display: none;
	
	margin-top: 10px;
}

.page-hometown-shindig .playlist-slider.flexslider {
	background-image: url(/images/hometown-shindig/slider-bg.jpg);
	padding: 60px 0 30px 0;
}

.video-overlay,
.playlist-overlay {
	border: 10px solid rgba(255,255,255,.9);
}

.video-overlay-inner,
.playlist-overlay-inner {
	background: rgba(255,255,255,.9);
	margin: 2px;
 	box-sizing: border-box;
	padding: 15px;
}

.playlist-overlay .headline {
	text-shadow: 2px 2px 0 #f38c2d;
}

.acl-sweeps-overlay {
	border: 10px solid rgba(255,255,255,.9);
	max-width: 800px;
	margin: 0 auto;
}

.acl-sweeps-overlay-inner {
	background: rgba(255,255,255,.9);
	margin: 2px;
 	box-sizing: border-box;
	padding: 15px;
	padding-bottom: 25px;
}

.acl-sweeps-overlay-inner img {
	display: block;
	margin: 30px auto;
	max-width: 100%;
}

.hometown-cocktails {
	margin-top: 40px;
}

.hometown-cocktail {
	margin-bottom: 40px;
}

.hometown-cocktail-photo {
	text-align: center;
}

.hometown-cocktail-photo img {
	max-width: 100%;
}

.hometown-cocktail-recipe {
	max-width: 300px;
	margin: 0 auto;

}

.page-hometown-shindig  .video-slider.flexslider {
	width: 100%;
	background: none;
}

.page-hometown-shindig .video-slider .video-container {
	margin-bottom: 30px;
	max-width: 670px;
	margin-right: auto;
	margin-left: auto;
}

.page-hometown-shindig .video-overlay-inner {
	text-align: left;
}

.page-hometown-shindig .video-overlay-inner q {
	font-weight: bold;
	font-family:'Trade Gothic W01 Bold', sans-serif;
	display: block;
	margin-bottom: 5px;
}

.page-hometown-shindig .video-slider .video-intro {
	max-width: 670px;
	margin-right: auto;
	margin-left: auto;
}

.video-overlay-inner {
	line-height: 1.4em;
}

.video-overlay-inner .button {
	display: inline-block;
	margin-top: 10px;
}

@media only screen and (min-width: 480px) {

	.page-home .page-hometown-shindig .playlist-overlay-inner {
		font-size: 18px;
	}

}

@media only screen and (min-width: 685px) {

	.player-container {
		width: 300px;
		display: inline-block;
		vertical-align: top;
		margin-bottom: 0;
		text-align: left;
		margin-right: 20px;
	}

	.playlist-description {
		width: 340px;
		display: inline-block;
		vertical-align: top;
	}

	
	.playlist-overlay-inner {
		height: 355px;
	}

	.hometown-cocktail {
		width: 47%;
		display: inline-block;
		vertical-align: top;
		margin: 1%;
	}

	
}


@media only screen and (min-width: 875px) {

	.page-home .page-hometown-shindig .playlist-overlay-inner {
		font-size: 24px;
	}

	.page-home .page-hometown-shindig .banner {
		padding: 40px;
	}


	.playlist-description {
		width: 360px;
	}

	.playlist-description .button {
		display: inline-block;
	}

	.hometown-cocktail-recipe {
		max-width: 500px;
	}
}

@media only screen and (min-width: 1200px) {
	.page-hometown-shindig .video-slider .video-container,
	.playlist-description {
		width: 600px;
		font-size: 20px;
		line-height: 1.6em;
	}

	.hometown-cocktail-photo,
	.hometown-cocktail-recipe {
		width: 47%;
		display: inline-block;
		vertical-align: top;
		margin: 1%;
	}

	.hometown-cocktail-recipe h2 {
		margin-top: 0;
	}

	.page-hometown-shindig .video-slider .video-intro {
		width: 300px;
		display: inline-block;
		vertical-align: top;
		
		text-align: left;
		margin-left: 20px;
	}

	.page-hometown-shindig .video-slider .video-container {
		width: 600px;
		display: inline-block;
		vertical-align: top;
		margin-bottom: 0;
	}

	

	.video-overlay-inner {
		height: 312px;
		font-size: 20px;
		line-height: 1.4em;
	}

	.video-overlay-inner q {
		line-height: 1.2em;
	}
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 480px) {
	

	.site-footer .copyright {
		text-align: left;
		float: left;
		margin-left: 5px;
	}

	.site-footer .footer-nav {
		float: right;
		margin-right: 5px;
		margin-top: 15px;
	}

	.site-footer .handcrafted {
		clear: both;
	}

	.infusion {
		display:inline-block;
		zoom:1;
		*display:inline;
	}



	.infustions-teaser .button {
		width: 290px;
		margin-left: -140px;
		font-size: 30px;
	}

	.recipe-keyword-search .search-wrap {
		float: left;
		margin: 0;
		margin-right: 10px;
	}


}

@media only screen and (min-width: 530px) {

	#logo {
		position: absolute;
		top: 0;
		left: 10px;
		height: 328px;
	}

	#logo img {
		height: auto;
	}

	.nav-wrapper {
		display: block;
		margin-right: 10px;
		float: right;
		box-shadow: none;
		background: none;
	}



	.site-header .social {
		display: inline;
	}

	.aux-nav {
		position: absolute;
		left: 10px;
		top: 360px;
		display: block;
	}


	.main-nav {
		float: right;
		clear: right;
		margin-top: 5px;
	}


	.nav-trigger.mobile-only {
		display: none;
	}

	.nav-closed {
		display: block !important;
	}


	.site-footer .icon-tx {
		top: -55px;
		margin-left: -78px;
		width: 156px;
 		height: 151px;
	}

	.section-padding {
		padding-bottom: 60px;
	}

	/* ----------
		HOME
	----------- */
	#our-vodka .about,
	.page-our-vodka .titos-story {
		font-size: 20px;
	}

	/* SOCIAL */

	#social .blog-teaser .month {
		font-size: 24px;
		line-height: 24px;
	}

	#social .blog-teaser .day {
		font-size: 40px;
		line-height: 40px;
	}

	#social .blog-teaser .title {
		font-size: 20px;
	}

	#overlay {
		background: #000  url(/images/layout/age_overlay.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		background-size: cover;
	}

	/* ----------
		RECIPES
	----------- */

	.featured-mixologists {
		text-align: center;
		padding-bottom: 60px;
	}

	.mixologist-teaser {
		display:inline-block;
		zoom:1;
		*display:inline;
		font-size: 20px;
		text-align: center;
		margin: 0 10px 10px 10px;
		line-height: 1em;
		max-width: 232px;
	}

	.mixologist-teaser  .photo-wrap {
		border-radius: 116px;
		border: 10px solid #f38c2d;
		float: none;
		margin: 0;
		margin-bottom: 5px;
	}

	.mixologist-teaser img {
		border-radius: 116px;
		display: block;
		height: auto;
		width: auto;
	}

	.mixologist-teaser  .photo-wrap .overlay {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		color: #fff;
		background: rgba(0,0,0,.75);
		border-radius: 116px;
		padding-top: 55px;
	}

	.mixologist-teaser:hover  .photo-wrap .overlay {
		display: block;
	}


	.recipe-categories {
		text-align: center;
	}

	.recipe-category {
		display:inline-block;
		zoom:1;
		*display:inline;
		font-size: 30px;
		text-align: center;
		margin: 0 10px 10px 10px;
		line-height: 1em;
	}

	.recipe-category  .photo-wrap {
		border-radius: 116px;
		border: 10px solid #f38c2d;
		float: none;
		margin: 0;
		margin-bottom: 5px;
	}

	.recipe-category img {
		border-radius: 116px;
		display: block;
		height: auto;
		width: auto;
	}

	.recipe-category  .photo-wrap .overlay {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		color: #fff;
		background: rgba(0,0,0,.75);
		border-radius: 116px;
		padding-top: 75px;
	}

	.recipe-category:hover  .photo-wrap .overlay {
		display: block;
	}

	.page-recipe-search .recipe-results {
		margin-bottom: 70px;
	}

	#distributors {
		margin-bottom: 70px;
	}

	.infustions-teaser .inf-text {
		display: inline;
	}


	/* ----------
		RECIPE DETAIL
	----------- */

	.other-recipes {
		margin-bottom: 70px;
	}

	/* ----------
		INFUSION DETAIL
	----------- */

	.infusions {
		margin-bottom: 70px;
	}

	.other-infusions {
		margin-bottom: 70px;
	}

	/* ----------
		OUR VODKA
	----------- */

	.half-photo-left {
		float: left;
		width: 50%;
		margin-right: 5%;
	}

	.half-photo-right {
		float: right;
		width: 50%;
		margin-left: 5%;
	}

	/* ----------
		ASK TITO
	----------- */

	.page-ask-tito .tito-head {
		float: left;
		width: 30%;
		display: block;
	}

	.page-ask-tito .answers:after {
		content: url(/images/ask_tito/bubble_triangle.png);
		width: 80px;
		height: 100px;
		position: absolute;
		left: -80px;
		bottom: 40px;
	}

	.page-ask-tito .answers {
		padding: 30px;
	}

	.page-ask-tito .answer-container {
		float: right;
		width: 55%;
	}

	/* ----------
		CONATACT
	----------- */
	#pledge-form .clearfix .field-wrap,
	#new-toronto-form .clearfix .field-wrap,
	.contact-form .clearfix .field-wrap {
		width: 44%;
		display:inline-block;
		zoom:1;
		*display:inline;
	}

	#pledge-form .clearfix .field-wrap:last-child,
	#new-toronto-form .clearfix .field-wrap:last-child,
	.contact-form .clearfix .field-wrap:last-child {
		float: right;
	}

	/* ----------
		JOIN THE FUN
	----------- */

	.page-join-the-fun #events {
		margin-bottom: 70px;
	}

	/* ----------
		FINDER
	----------- */

	#distributors .half-left {
		width: 40%;
		margin-left: 10%;
		float: left;
	}

	#distributors .half-right {
		width: 40%;
		margin-right: 10%;
		float: right;
	}

	
	/* ----------
		STORE
	----------- */

	#titos-store {height: 443px; position: relative; display: block;}
	
	




}

@media only screen and (min-width: 768px) {

	.nav-wrapper {
		margin-top: 15px;
	}

	.aux-nav {
		float: right;
		display: block;
		position: relative;
		left: auto;
		top: auto;
		font-size: 16px;
	}

	.aux-nav .internal a:hover {
		text-decoration: underline;
	}


	.site-header .internal {
		display: block;
		margin-bottom: 10px;
	}

	.site-header .social {
		display: block;
		text-align: center;
	}


	.main-nav {
		margin-top: 20px;
	}

	.main-nav a {
		display:inline-block;
		zoom:1;
		*display:inline;
		margin-right: 0;
		margin-bottom: 0;
		padding-left: 10px;
		padding-right: 10px;
	}


	.main-nav a.mobile-only {
		display: none;
	}


	.main-nav .nav-wrap {
		margin-top: 15px;
		/*text-align: right;*/
		text-align: center;
	}

	.site-header .divider-bar {
		margin-top: 20px;
	}



	.site-footer .footer-nav .internal {
		vertical-align: top;
		padding-right: 10px;
	}

	.site-footer .footer-nav .internal,
	.site-footer .footer-nav .social {
		display: inline;
	}

	.site-footer .handcrafted {
		font-size: 30px;
	}


	/* ----------
		HOME
	----------- */

	#our-vodka .about {
		font-size: 24px;
		padding: 0 100px;
	}

	.page-our-vodka .titos-story {
		font-size: 24px;
	}

	#our-vodka .headline,
	#find-titos .headline,
	.titos-story .headline,
	#contact-us .headline,
	.page-join-the-fun #tito-sings .headline {
		letter-spacing: 0.5em;
	}

	/* FIND TITOS */

	#find-titos .bottle-overlay {
		background: url(/images/home/finder_bottle.png) no-repeat;
		width: 222px;
		height: 773px;
		position: absolute;
		left: 10px;
		top: -100px;
		z-index: 100;
	}

	.page-home #find-titos .finder {
		margin-left: 300px;
	}

	#find-titos .site-width {
		background: url(/images/home/finder_tx.png) no-repeat center center;
	}

	.page-home #find-titos .site-width {
		min-height: 620px;
	}

	/* RECIPES */
	.recipe-overlay {
		border: 10px solid rgb(255,255,255);
		border: 10px solid rgba(255,255,255,.9);
		position: absolute;
		top: 50px;
		font-size: 18px;
		max-width: 300px;
	}

	.recipe-overlay-inner {
		padding: 30px;
	}


	.overlay-left {
		left: 90px;
		right: auto;
	}

	.overlay-right {
		right: 90px;
		left: auto;
	}

	.recipe-overlay .feature-title {
		display: none;
	}

	.recipe-overlay  .thumb {
		display: none;
	}

	.recipe-slider  .full {
		display: block;
	}

	.recipe-overlay .title {
		font-size: 30px;
	}

	.recipe-overlay .intro {
		padding: 0 20px;
	}

	.age-overlay {
		border: 10px solid rgb(255,255,255);
		border: 10px solid rgba(255,255,255,.9);
		font-size: 20px;
	}

	.age-overlay-inner {
		padding: 30px;
	}

	.age-overlay .title {
		font-size: 30px;
	}

	.age-overlay label {
		font-size: 26px;
		padding-left : 20px;
	}

	.age-overlay label:first-child {
		padding-left: 0;
	}


	/* SOCIAL */

	#social .friend a {
		/*display: block;*/
		margin: 10px 20px;
	}

	#social .blog {
		width: 50%;
		float: left;
	}

	#social .tweets {
		width: 40%;
		float: left;
		margin: 0 2% 0 8%;
	}

	#social .friend {
		margin-bottom: 20px;
		/*width: 20%;
		float: left;
		margin: 0 2%;*/
	}


	/* ----------
		RECIPES
	----------- */

	.page-recipe-search .recipe-search {
		position: relative;
		margin-top: 60px;
	}

	/*.page-recipe-search .recipe-keyword-search-wrap {
		position: absolute;
		top: 0;
		right: 20px;
		margin: 0;
	}*/

	.page-recipe-search .recipe-categories {
		padding-top: 20px;
	}

	#search-map {
		width: 100%;
		height: 500px;
		margin: 0;
		border: none;
	}


	/* ----------
		RECIPE DETAIL
	----------- */
	.recipe-detail .photo-container {
		float: left;
		width: 49%;
		margin: 0;
	}

	.recipe-detail .instructions-container {
		float: right;
		width: 49%;
		margin: 0;
	}


	/* ----------
		INFUSION DETAIL
	----------- */
	.recipe-detail .photo-container {
		float: left;
		width: 49%;
		margin: 0;
	}

	.recipe-detail .instructions-container {
		float: right;
		width: 49%;
		margin: 0;
	}

	.infusion-video {
		float: left;
		width: 64%;
		margin: 0;
	}

	.infusion-details {
		float: right;
		width: 32%;
		margin: 0;
	}

	/* ----------
		OUR VODKA
	----------- */
	.page-our-vodka .banner {
		padding: 110px 20px;
	}

	.page-our-vodka .titos-story {
		padding-bottom: 150px;
	}

	.im-tito-container {
		position: relative;
	}

	.im-tito-container .tito-cut {
		display: block;
		position: absolute;
		bottom: 0;
		right: 30%;
		z-index: 200;
	}

	.im-tito-container .mobile-boxes {
		display: none;
	}

	.im-tito {
		margin-right: 20px;
	}

	.im-tito .p1 {
		float: right;
		width: 57%;
	}

	.im-tito .p2 {
		float: right;
		width: 30%;
		clear: both;
	}


	/* ----------
		ASK TITO
	----------- */
	.page-ask-tito .banner {
		padding: 60px 0;
		font-size: 30px;
	}

	.page-ask-tito .answers {
		padding: 45px;
	}

	.page-ask-tito .question-wrap {
		width: 50%;
	}

	.page-ask-tito .chosen-container {
		font-size: 20px;
	}


	/* ----------
		JOIN THE FUN
	----------- */

	.page-join-the-fun .event {
		height: 450px;
	}


	/* ----------
		TITO'S TASTER
	----------- */

	.page-titos-taster .banner {
		padding: 80px;
	}

	/* STORE */
	.label-new {display: block;}
	

	/* ----------
		FRESH START
	----------- */
	.page-fresh-start .launch-fresh-start-intro {
		float: left;
		width: 70%;
	}

	.page-fresh-start .launch-fresh-start-download {
		float: right;
		width: 29%;
	}

	.page-new-toronto .banner {
		padding: 80px 0;
	}

}

@media only screen and (min-width: 960px) {
	.nav-wrapper {
		margin-top: 30px;
	}

	.site-header .divider-bar {
		margin-top: 30px;
	}

	#find-titos .section-padding,
	#our-vodka.section-padding,
	.page-our-vodka .section-padding,
	.page-ask-tito .section-padding,
	.page-contact .section-padding,
	.page-titos-taster .section-padding {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.page-titos-taster .section-padding {
	/*	padding-top: 50px;
		padding-bottom: 50px;*/
	}

	.page-titos-taster #pledge {
		margin-bottom: 40px;
	}

	/* ----------
		HOME
	----------- */

	.recipe-overlay {
		max-width: 400px;
	}

	.recipe-overlay .icon-star {
		display: block;
	}

	.recipe-overlay {
		top: 100px;
	}

	.age-overlay .icon-star {
		display: block;
	}


	/* ----------
		RECIPES
	----------- */
	.page-recipe-search .recipe-search  h1 {
		/*font-size: 60px;*/
	}

	.page-recipe-search .recipe-search  h1 .icon-star {
		/*font-size: 56px;*/
	}


	.im-tito-container .tito-cut {
		right: 40%;
	}

	.im-tito {
		min-height: 840px;
	}

	.im-tito .p2 {
		width: 35%;
	}

	.story {
		font-size: 22px;
		line-height: 1.8em;
	}

	.infustions-teaser .button {
		width: 440px;
		margin-left: -220px;
	}

	/* ----------
		CONTACT
	----------- */
	#pledge-form .clearfix .field-wrap,
	.contact-form .clearfix .field-wrap {
		width: 47%;
	}

	#new-toronto-form .clearfix .field-wrap {
		width: 45%;
	}

	/* ----------
		FRESH START
	----------- */
	.page-hometown-shindig .col-2,
	.page-fresh-start .col-2 {
		width: 50%;
		float: left;
	}

	.page-fresh-start .fresh-start-intro {
		padding-top: 0;
	}

	/* ----------
		THE NEW TORONTO
	----------- */
	.page-new-toronto .col-2 {
		width: 50%;
		float: left;
	}

	.page-new-toronto .banner {
		padding: 100px 0;
	}

}


@media only screen and (min-width: 1100px) {
	.site-header .internal {
		display: inline;
		margin-bottom: 0;
	}

	.site-header .social {
		display: inline;
	}

	.aux-nav .bull-last {
		display: inline;
	}

	.nav-wrapper {
		margin-top: 60px;
	}

	.site-header .divider-bar {
		margin-top: 50px;
	}

	.main-nav .nav-wrap {
		display: inline;
	}


}


@media only screen and (min-width: 1392px) {
	#social .site-width,
	.site-width {
		max-width: 1392px;
		padding: 0;
	}

	.width-padding {
		padding: 0;
	}

	.site-footer .handcrafted {
		font-size: 50px;
	}

	.main-nav a {
		padding-left: 15px;
		padding-right: 15px;
		margin-left: 10px;
	}

	.infustions-teaser .button {
		width: 600px;
		margin-left: -300px;
		font-size: 38px;
	}

	/* ----------
		CONTACT
	----------- */
	.page-ask-tito .banner {
		padding: 80px 0;
		font-size: 50px;
	}

	/* ----------
		FRESH START
	----------- */

	.page-fresh-start .fresh-start-intro {
		padding-top: 40px;
	}

	.page-new-toronto .banner {
		padding: 150px 0;
	}

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
	* {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
	 * Don't show links for images, or javascript/internal links
	 */

	.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; /* h5bp.com/t */
	}

	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;
	}
}