@font-face {
	font-family: 'brandon_grotesquebold';
	src: url('../fonts/brandon_bld-webfont.eot');
	src: url('../fonts/brandon_bld-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/brandon_bld-webfont.woff') format('woff'),
		url('../fonts/brandon_bld-webfont.ttf') format('truetype'),
		url('../fonts/brandon_bld-webfont.svg#brandon_grotesquebold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'brandon_grotesqueblack';
	src: url('../fonts/brandon_blk-webfont.eot');
	src: url('../fonts/brandon_blk-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/brandon_blk-webfont.woff') format('woff'),
		url('../fonts/brandon_blk-webfont.ttf') format('truetype'),
		url('../fonts/brandon_blk-webfont.svg#brandon_grotesqueblack') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'brandon_grotesquemedium';
	src: url('../fonts/brandon_med-webfont.eot');
	src: url('../fonts/brandon_med-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/brandon_med-webfont.woff') format('woff'),
		url('../fonts/brandon_med-webfont.ttf') format('truetype'),
		url('../fonts/brandon_med-webfont.svg#brandon_grotesquemedium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'brandon_grotesque_regularRg';
	src: url('../fonts/brandon_reg-webfont.eot');
	src: url('../fonts/brandon_reg-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/brandon_reg-webfont.woff') format('woff'),
		url('../fonts/brandon_reg-webfont.ttf') format('truetype'),
		url('../fonts/brandon_reg-webfont.svg#brandon_grotesque_regularRg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'headliner_no._45regular';
	src: url('../fonts/headlinerno.45-webfont.eot');
	src: url('../fonts/headlinerno.45-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/headlinerno.45-webfont.woff') format('woff'),
		url('../fonts/headlinerno.45-webfont.ttf') format('truetype'),
		url('../fonts/headlinerno.45-webfont.svg#headliner_no._45regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'museo500';
	src: url('../fonts/museo500-regular-webfont.eot');
	src: url('../fonts/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/museo500-regular-webfont.woff') format('woff'),
		url('../fonts/museo500-regular-webfont.ttf') format('truetype'),
		url('../fonts/museo500-regular-webfont.svg#museo500') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'museo700';
	src: url('../fonts/museo700-regular-webfont.eot');
	src: url('../fonts/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/museo700-regular-webfont.woff') format('woff'),
		url('../fonts/museo700-regular-webfont.ttf') format('truetype'),
		url('../fonts/museo700-regular-webfont.svg#museo700') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'yellowtailregular';
	src: url('../fonts/yellowtail-regular-webfont.eot');
	src: url('../fonts/yellowtail-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/yellowtail-regular-webfont.woff') format('woff'),
		url('../fonts/yellowtail-regular-webfont.ttf') format('truetype'),
		url('../fonts/yellowtail-regular-webfont.svg#yellowtailregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	margin: 0;
	min-width: 1013px;
	color: #333;
	font: 14px/17px 'museo700', Arial, Helvetica, sans-serif;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
}
img { border: none; }
a {
	text-decoration: none;
	color: #069;
}
a:hover { text-decoration: underline; }
a:active { background-color: transparent; }
input,
textarea,
select {
	font: 100% Arial, Helvetica, sans-serif;
	vertical-align: middle;
	color: #000;
}
form,
fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
input[type=text],input[type=email], input[type=password],
input[type=file], textarea {
 -webkit-appearance:none;
 -webkit-border-radius:0 !important;
 -ms-border-radius:0 !important;
 border-radius:0 !important;
}
.email-form input[type="submit"]{
 -webkit-appearance:none;
 -webkit-border-radius:5px !important;
 -ms-border-radius:5px !important;
 border-radius:5px !important;
}
#wrapper {
	overflow: hidden;
	position: relative;
}
#header:after,
#nav:after {
	clear: both;
	content: '';
	display: block;
}
#header {
	background:#fff;
	position:relative;
}
#header .header-holder {
	position: relative;
	max-width:864px;
	margin: 0 auto;
	padding:21px 38px 16px;
	z-index:9;
}
#header {
	height: 54px;
	position: relative;
	top: 0;
	display: block;
	width: 100%;
	z-index: 999;
	background:url(../images/bg-top.png) repeat-x 0 100% #fff;
}
.top{
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}
.nav-block.active #header {
	position:relative;
	z-index:98;
}
#header.active .logo { z-index: 9; }
#header .header-slider {
	width: 100%;
	background:#fff url(../images/bg-top.png) repeat-x 0 100%;
	position: absolute;
	top: 0;
	z-index: 999;
	padding: 25px 0 0;
}
.city-name,
.phone {
	float: left;
	font-family: 'brandon_grotesquemedium', Arial, Helvetica, sans-serif;
	color:#ccc;
	padding: 47px 0 0;
	letter-spacing:3px;
	text-transform: uppercase;
}
.logo {
	background: url(../images/logo-2.png) no-repeat;
	width:54px;
	height:62px;
	margin: 0 auto;
	position: relative;
	top: 0;
	left: 0;
	text-indent: -9999px;
	overflow: hidden;
	display:block;
	z-index: 999;
}
.nav-block{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
}
.header-slider{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: url(../images/bg-top.png) repeat-x 0 100% #fff;
	overflow: hidden;
	z-index: 1;
}
.header-slider .header-holder{
	overflow: hidden;
	margin: 0 auto;
	overflow: hidden;
	padding: 25px 20px 0;
	max-width: 862px;
}

/* CSS for devices with normal screens */
.header-slider .logo {
	background: url(../images/logo.png) no-repeat;
	background-size: 102px 151px;
	width: 102px;
	height: 151px;
	margin: 0 auto 56px;
	top: 0;
	left:0;
	position:relative;
}

/* CSS for high-resolution devices */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .header-slider .logo {
        background: url(../images/logo@2x.png) no-repeat;
        background-size: 102px 143px;
        width: 102px;
        height: 143px;
        margin: 0 auto 56px;
        top: 0;
        left:0;
        position:relative;
    }
}

.logo a {
	display: block;
	height: 100%;
}
.phone {
	color: #ccc;
	float: right;
	letter-spacing:2px;
	padding:0;
	top: -1px;
	left: -2px;
	position: relative;
}
#wrapper.parallax .phone {
	padding: 47px 0 0;
	cursor: text;
	color: #ccc;
	left: 3px;
	top: 0;
}
.phone:hover { text-decoration: none; }
.header-heading {
	overflow: hidden;
	padding:0 0 170px;
	text-align:center;
	font: 13px/16px 'brandon_grotesquemedium', Arial, Helvetica, sans-serif;
	color:#000;
}
.about-heading .btn-fancy {
	background: #fff;
	border: 2px solid #000;
	border-radius: 4px;
	color: #000;
	display: inline-block;
	letter-spacing: 3px;
	padding: 12px 18px 11px;
	text-transform: uppercase;
}
.header-heading p {
	color: #333;
	letter-spacing: 2px;
	margin: 0 0 21px;
	text-transform: uppercase;
}
.about-heading .btn-fancy:hover {
	background:#000;
	color:#fff;
	text-decoration:none;
}
.about-heading img {
	display: block;
	margin: 0 auto 18px;
}
.container{
	position: relative;
}
#about .about-heading p {
	color: #333;
	letter-spacing: 2px;
	margin: 0 0 28px;
}
h2 {
	margin:0;
	font: 50px/53px 'yellowtailregular', Arial, Helvetica, sans-serif;
}
h1 {
	margin:0 0 22px;
	font: 150px/131px 'headliner_no._45regular', Arial, Helvetica, sans-serif;
	word-spacing: 23px;
	letter-spacing:7px;
	/* text-transform:uppercase; */
}
.about-heading {
	max-width: 522px;
	margin: 44px auto 0;
	padding: 93px 0 0;
	overflow: hidden;
	text-align:center;
	font: 14px/17px 'museo700', Arial, Helvetica, sans-serif;
	color:#000;
}
.about-heading h1 {
	font: 72px/75px 'yellowtailregular', Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	margin: 0 0 26px;
	/* text-transform: capitalize; */
	word-spacing: 0;
	color: #000;
}
.about-heading h2 {
	font: 18px/21px 'brandon_grotesqueblack', Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	margin:0 0 22px;
	text-transform: uppercase;
}
.header-heading .p-links {
	font-size: 14px;
	line-height: 17px;
	text-transform: uppercase;
}
.header-heading .p-links ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
.p-links li {
	display: inline-block;
	vertical-align:top;
	padding:0 8px;
}
.p-links li a {
	color:#000;
	display: block;
	letter-spacing: 2px;
	padding: 11px 21px;
	border: 2px solid #000;
	-webkit-border-radius:4px;
	border-radius:4px;
	background:#fff;
}
.p-links li  a:hover {
	background: #000;
	color: #fff;
	text-decoration: none;
}
#nav {
	position: fixed;
	font: 12px/15px 'brandon_grotesquemedium', Arial, Helvetica, sans-serif;
	width: 100%;
	text-transform:uppercase;
}
.tel {
	float: right;
	background: url(../images/bg-tel.png) no-repeat 100% 0;
	width:18px;
	height:14px;
	color:#333;
	letter-spacing: 2px;
	margin: 14px 20px 0 0;
	padding: 0 39px 0 0;
}
#nav .js-slide-hidden { position: absolute !important; }
#nav .nav-opener {
	background: url(../images/bg-navopen.png) no-repeat 0 3px;
	display: inline-block;
	color: #333;
	letter-spacing: 2px;
	margin: 14px 0 0 20px;
	padding: 0 0 0 18px;
}
.nav-slide:after {
	background:url(../images/bg-slide.png) no-repeat;
	width:14px;
	height:7px;
	position:absolute;
	top:-7px;
	left:43px;
	content:'';
}
.nav-slide {
	width: 97.8%;
	display: none;
	background: #000;
	z-index: 999;
	left: 0;
	letter-spacing: 2px;
	padding: 15px 21px;
	position: absolute;
	top: 41px;
}
.nav-slide ul {
	list-style: none;
	padding:0;
	margin:0;
	float: left;
}
.nav-slide ul li {
	float: left;
	padding:0 28px 0 0;
}
.nav-slide ul li a { color:#fff; }
#about {
	background: url(../images/bg-about.png);
	position:relative;
}
.parallax #about { margin:-39px 0 0; }
#about .about-holder {
	max-width:862px;
	margin: 0 auto;
	padding:468px 40px 0;
	position:relative;
	min-height:335px;
}
.nav-block.active {margin:0 0 -54px;}
#about .glass-wine {
	left: 21%;
	position: absolute;
	top: 90px;
	width: 58.1%;
	z-index: 1000;
}
#wrapper.parallax #about .glass-wine { z-index:99999;}
.fixed #about .glass-wine { top:0; }
#about .align-left {
	float:left;
	width: 39%;
}
#about .align-right {
	float:right;
	text-align:right;
	width: 39%;
	padding:15px 0 0;
}
#about .align-right img {
	display:inline-block;
	padding:0 0 22px;
}
#about h3 {
	color: #000;
	font: 33px/13px 'brandon_grotesqueblack', Arial, Helvetica, sans-serif;
	margin:0 0 30px;
	letter-spacing: 3px;
	text-transform:uppercase;
}
#about p {
	margin:0;
	line-height:24px;
}
#about .align-left,
#about .align-right {
	position:relative;
	z-index:999;
}
.fixed #about .header-heading p{
	letter-spacing: 1px;
	margin: 0 0 28px;
	padding: 0 73px;
	text-transform: none;
}
#about h3 span {
	font: 14px/17px 'brandon_grotesquemedium', Arial, Helvetica, sans-serif;
	display:block;
	padding:0 0 12px;
}
#services {
	background:#f3f3f3 url(../images/bg-top.png) repeat-x;
	position:relative;
}
#services:after {
	position:absolute;
	bottom:0;
	left:0;
	content:'';
	background: url(../images/bg-top.png) repeat-x;
	width:100%;
	height: 10px;
}
#services .service-holder {
	max-width:862px;
	margin: 0 auto;
	padding:250px 40px 27px;
	text-align: center;
}
.service-holder > h2 {
	color: #000;
	font-size: 72px;
	letter-spacing: 1px;
	line-height: 63px;
	margin: 0 0 51px;
}
#services .service-holder img {
	display: block;
	margin: 0 auto 25px;
}
.carousel {
	position: relative;
	line-height:24px;
	min-height: 154px;
	padding:0 51px 39px;
}
.carousel .accordion {
	list-style: none;
	padding:57px 0 8px;
	margin:0;
	overflow:hidden;
	position:relative;
	text-transform: uppercase;
	letter-spacing: 3px;
	font: 14px/17px 'brandon_grotesquemedium', Arial, Helvetica, sans-serif;
}
.carousel .accordion li {
	float:left;
	padding: 0 34px;
}
.carousel .accordion li a {
	color:#000;
	top:0;
	left:0;
	position:absolute;
	border-color:transparent;
	border-width: 0 0 3px;
	border-style:solid;
	padding:0 0 5px;
}
.carousel .accordion li.one a{ left:214px;}
.carousel .accordion li.two a{ left:427px;}
.carousel .accordion li.three a{ left:607px;}
.carousel .accordion li.active a,
.carousel .accordion li a:hover {
	border-color:#000;
	text-decoration:none;
}
.carousel .slide {
	font-family: 'museo700', Arial, Helvetica, sans-serif;
	overflow: hidden;
	position: relative;
	width: 100%;
	letter-spacing: 1px;
    line-height: 24px;
	text-transform:none;
}
.carousel .slide p { margin: 0;}
.info-holder {
	overflow: hidden;
	padding: 0 0 46px;
	position: relative;
}
#services .info-holder img {
	margin: 0 0 0 9px;
	width: 83.6%;
}
.info-holder .get-app {
	position: absolute;
	right: 40px;
	top: 83px;
	width: 40%;
}
.get-app .free {
	background: url("../images/bg-juice.png") no-repeat scroll 0 0 transparent;
	color: #000;
	display: block;
	font: 18px/21px 'yellowtailregular', Arial, Helvetica, sans-serif;
	margin: 0 auto 9px;
	padding: 99px 0 0;
	width: 94px;
}
.get-app h4 {
	color: #000;
	font: 48px/51px 'headliner_no._45regular', Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	margin: 0 0 21px;
}
.get-app ul {
	list-style: none outside none;
	margin: 0;
	padding: 0 30px 20px 32px;
	text-align: left;
}
.get-app ul li:after {
	background: #000;
	border-radius: 12px;
	content: "";
	height: 5px;
	left: 0;
	position: absolute;
	top: 6px;
	width: 5px;
}
.get-app ul li {
	padding: 0 0 7px 9px;
	position: relative;
}
.get-app .app-holder {
	height: 76px;
	margin: 0 auto;
	text-transform: uppercase;
	width: 150px;
}
.get-app .app-holder ul {
	list-style: none outside none;
	margin: 0;
	padding: 12px 8px 0 0;
	text-align: center;
}
.app-holder ul li:after { background: none; }
.app-holder ul li {
	display: inline-block;
	padding: 0 2px;
	vertical-align: middle;
}
#services .info-holder .app-holder img {
	display: block;
	margin: 0;
	width: auto;
}
.get-app .app-holder a {
	background: #fff;
	border: 2px solid #000;
	border-radius: 4px;
	color: #000;
	display: block;
	letter-spacing: 2px;
	padding: 11px 15px;
	font-family: 'brandon_grotesquemedium', Arial, Helvetica, sans-serif;
}
.get-app .app-holder a:hover {
	background: #000;
	color: #fff;
	text-decoration: none;
}
.caution {
	background:url(../images/bg-caution.png) no-repeat 50% 0;
	padding:61px 0 30px;
	color:#666;
	font: italic 12px/24px 'museo500', Arial, Helvetica, sans-serif;
}
.caution p { margin:0; }
#contact {
	max-width:862px;
	margin: 0 auto;
	padding:133px 40px 86px;
	text-align: center;
	background: url(../images/img-4.jpg) no-repeat 50% 195px;
}
#contact .contact-slide {
	background: url(../images/bg-contact.png) no-repeat 50% 0;
	padding:44px 0 101px;
	overflow: hidden;
	text-transform: uppercase;
	color:#999;
	font-size:14px;
	line-height:17px;
}
.contact-slide span {
	display: block;
	letter-spacing: 2.2px;
	padding:0 0 31px;
	font-family:'brandon_grotesque_regularRg', Arial, Helvetica, sans-serif
}
.contact-slide span a {
	color:#999;
	cursor:text;
	font-weight: bold;
	font-family:'brandon_grotesquemedium', Arial, Helvetica, sans-serif;
}
.contact-slide span a:hover { text-decoration: none; }
.contact-slide .email:after {
	background:url(../images/bg-email.png) no-repeat;
	width:31px;
	height:20px;
	content:'';
	position:absolute;
	top:17px;
	left:11%;
}
.contact-slide .email {
	font:22px/56px 'brandon_grotesquebold', Arial, Helvetica, sans-serif;
	text-align:center;
	letter-spacing: 2px;
	margin:0 auto 32px;
	display: block;
	position:relative;
	color:#000;
	padding:0;
	border: 2px solid #000;
	background:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 58%;
	height: 56px;
}
.contact-slide .email:hover:after { background:url(../images/bg-email.png) no-repeat 0 -20px; }
.contact-slide .email:hover {
	background:#000;
	color:#fff;
	text-decoration:none;
}
.contact-slide .email-form {
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	width: 58.6%;
	position:relative;
	left:3px;
	font-family:'brandon_grotesquemedium', Arial, Helvetica, sans-serif;
}
.email-form .error{
	color: black;
	margin-bottom: 5px;
}

.email-form .row {
	overflow:hidden;
	padding:0 0 11px;
}
.email-form .col { padding:0 0 17px; }
.email-form input[type="checkbox"]{ margin:-6px 0 0; }
.email-form .row .check-holder {
	overflow:hidden;
	margin: 0 0 0 -24px;
	padding:5px 0 15px 1px;
}
.email-form .checkbox label {
	font-weight: bold;
	color: #666;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	padding: 2px 0 0 8px;
	text-transform: none;
}
.email-form .row .contact-holder {
	float: left;
	width:auto;
	padding:0 0 0 24px;
}
.email-form .row .checkbox {
	overflow:hidden;
	padding:0 0 10px 0;
}
.email-form label {
	font-weight:normal;
	display:inline-block;
	letter-spacing: 1px;
    padding: 0 0 7px 2px;
}
.email-form input[type="text"],
.email-form input[type="email"] {
	width: 100%;
	border:none;
	height: 49px;
	line-height:49px;
	background: rgba(255,255,255,.75);
	-webkit-box-shadow: inset 0 1px 5px rgba(197,197,197,1);
	-moz-box-shadow: inset 0 1px 5px rgba(197,197,197,1);
	box-shadow: inset 0 1px 5px rgba(197,197,197,1);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:15px 12px;
	outline:none;
}
.email-form input[type="submit"] {
	font: 16px/50px 'brandon_grotesquemedium', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	cursor:pointer;
	padding:0;
	width: 218px;
	height: 54px;
	position: relative;
	left: -2px;
	letter-spacing: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	border: solid 2px #000;
	margin:0 auto;
	color:#000;
	display: block;
}
.email-form input[type="submit"]:hover {
	background:#000;
	color:#fff;
}
.email-form textarea {
	outline:none;
	border:none;
	padding:10px;
	margin:0 0 19px;
	max-height:180px;
	min-height:180px;
	min-width:100%;
	max-width:100%;
	resize:none;
	background: #fff;
	-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.5);
	-moz-box-shadow: inset 0 1px 5px rgba(0,0,0,.5);
	box-shadow: inset 0 1px 5px rgba(0,0,0,.5);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#contact .heading-holder { padding:0 0 109px; }
.heading-holder > h1 {
	margin: 0 0 30px;
	color: #000;
}
.heading-holder > h2 {color: #000;}
#contact .heading-holder h5 {
	font: 18px/21px 'brandon_grotesqueblack', Arial, Helvetica, sans-serif;
	color: #000;
	margin:0;
	text-transform:uppercase;
	letter-spacing: 2px;
}
.social-network {
	width: 100%;
	list-style: none;
	padding:0 0 52px;
	margin:0 auto;
	font: 16px/19px 'brandon_grotesquebold', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	overflow: hidden;
	text-align: center;
}
#contact.active .social-network {padding:0 0 7px;}
.social-network li {
	display: inline-block;
	vertical-align: middle;
	padding: 0 11px;
}
.social-network li a {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border: 2px solid #000;
	border-radius: 4px;
	color: #000;
	display: block;
	letter-spacing: 2px;
	padding: 16px 14px 14px 13px;
	position:relative;
	background:#fff;
	line-height: 19px;
}
#contact.active .social-network li a.contact-opener {
	background: #000;
	color: #fff;
}
.social-network li a.facebook:after,
.social-network li a.twitter:after {
	background: url(../images/bg-socialinks.png) no-repeat;
	height:19px;
	width:11px;
	position:absolute;
	top:10px;
	left:16px;
	content:'';
}
.social-network li a.facebook,
.social-network li a.twitter {
	font-size: 14px;
	line-height: 17px;
}
.social-network li a.facebook {padding:11px 14px 12px 36px;}
.social-network li a.twitter { padding: 11px 11px 12px 42px; }
.social-network li a.twitter:after {
	background: url(../images/bg-socialinks.png) no-repeat -21px -1px;
	width: 22px;
	height: 18px;
}
.social-network li a.twitter:hover:after { background: url(../images/bg-socialinks.png) no-repeat -21px -25px; }
.social-network li a.facebook:hover:after { background: url(../images/bg-socialinks.png) no-repeat 0 -25px; }
.social-network li a:hover {
	background: #000;
	text-decoration:none;
	color:#fff;
}
#contact.active .category { padding: 0; }
.category {
	overflow: hidden;
	padding:57px 0 0;
	text-align:center;
}
.category h5 {
	text-transform:uppercase;
	font:23px/25px 'brandon_grotesqueblack', Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	display:inline-block;
	padding:0 108px 0 145px;
	position:relative;
	margin:0 0 40px;
	background: url(../images/bg-tilte.png) no-repeat 111px 0;
}
.category h5:after {
	background: url(../images/bg-tilte-l.png) no-repeat;
	width:85px;
	height:25px;
	position:absolute;
	top:0;
	left:14px;
	content:'';
}
.category h5:before {
	background: url(../images/bg-tilte-r.png) no-repeat;
	width:85px;
	height:25px;
	position:absolute;
	top:0;
	right:11px;
	content:'';
}
.category h5 a {
	color:#ccc;
	display:inline-block;
}
.instagram {
	list-style: none;
	padding:0;
	margin:0;
	overflow: hidden;
	width: 104%;
	font: 11px/18px 'brandon_grotesque_regularRg', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
.instagram li {
	float: left;
	padding: 0 2.5% 0 0;
    width: 22.2%;
}
.instagram li img {
	display: block;
	width:100%;
	padding:0 0 9px;
}
.instagram li span{letter-spacing: 2px;}
.instagram li a { color:#000; }
#footer {background: #000;}
#footer .footer-holder {
	max-width:616px;
	margin:0 auto;
	padding:42px 0;
	color:#fff;
	font: 24px/27px 'yellowtailregular', Arial, Helvetica, sans-serif;
}
#footer img {
	display: block;
    left: 4px;
    margin: 1px auto 0;
    position: relative;
}
#footer span {
	float: right;
	padding: 12px 0 0;
	word-spacing: 3px;
}
#footer .copyright{
	float:left;
	padding: 12px 0 0 6px;
}
.hidden{
	position: absolute;
	top: -9999px;
	left: -9999px;
}
@media only screen and (max-width: 1028px) {
	body { min-width: 320px; }
	.carousel .accordion { letter-spacing: 0;}
	#wrapper.parallax .phone { padding: 47px 0 0; }
}
@media only screen and (max-width: 1024px) {
	#wrapper .phone.call { padding: 45px 0 0;}
}
@media only screen and (max-width: 900px) {
	.instagram li span {letter-spacing: 1px;}
	#footer .copyright{ padding: 8px 0 0;}
	.instagram {
		width: 103%;
		margin: 0 0 0 43px;
	}
	.instagram li img { padding: 0 0 15px;}
	.category h5 { margin: 0 0 41px; }
	.instagram li a { letter-spacing: 1px;}
	.carousel { padding: 1px 109px 39px; }
	.get-app .app-holder a {
		position: relative;
		left: -4px;
	}
	.carousel .accordion li.one a { left: 180px; }
	.carousel .accordion li.two a { left: 357px; }
	.carousel .accordion li.three a { left: 513px; }
	.info-holder .get-app { right: 80px; }
	#contact.active .social-network {padding: 0 0 4px;}
	.contact-slide .email { width: 62.6%; }
	.contact-slide .email-form {
		width: 62.6%;
		left: 0;
	}
	.email-form label { padding: 0 0 7px; }
	#header .header-holder { padding: 46px 85px 26px; }
	#wrapper.active #about .glass-wine { top: 8px; }
	#wrapper.active #about .about-holder { padding: 377px 85px 36px; }
	h1 {
		font-size: 125px;
		line-height: 117px;
		margin: 0 0 18px;
		word-spacing: 20px;
	}
	.header-heading p { text-transform: uppercase; }
	#wrapper.parallax .city-name,
	#wrapper.parallax .phone { padding: 68px 66px 0;}
	#header .header-slider .logo { margin: 0 auto 35px; }
	.header-heading { padding: 0 0 144px; }
	.header-heading p {
		letter-spacing: 1px;
		margin: 0 0 24px;
	}
	.p-links li a { padding: 12px 20px 11px; }
	#about .glass-wine {
		top:60px;
		left: 19%;
		width: 62.4%;
	}
	#wrapper.parallax #about .glass-wine {top: 62px;}
	#about .about-holder { padding: 431px 85px 36px; }
	#about .align-right { width: 43%; }
	.about-heading { padding: 62px 0 0; }
	#about .about-heading p { margin: 0 0 28px; }
	#about .align-left { width: 46%; }
	.service-holder > h2 {
		font-size: 65px;
		line-height: 58px;
		margin: 0 0 57px;
	}
	.carousel .accordion {
		font-size: 13px;
		line-height: 16px;
	}
	.carousel .accordion li { padding: 0 2px; }
	#services .service-holder { padding: 249px 0 27px; }
	.info-holder .get-app { right: 79px; }
	.get-app .free { margin: 0 auto 13px; }
	.get-app h4 {
		font-size: 44px;
		line-height: 47px;
	}
	.get-app .app {
		background-position: 38px 100%;
		width: 151px;
	}
	.caution { padding: 61px 104px 26px; }
	#contact { padding: 133px 40px 84px; }
	#footer span { padding: 11px 0 0;}
	#footer img {
		left: 0;
		margin: 0 auto;
	}
	#contact .contact-slide { padding: 47px 0 101px; }
	#contact .heading-holder > h1 {
		font-size: 150px;
		line-height: 131px;
		margin: 0 0 30px;
	}
	.social-network li a.facebook { padding: 11px 14px 12px 36px; }
	.social-network li a.twitter { padding: 11px 11px 12px 42px; }
	.instagram li {
		width: 20.8%;
		padding: 0 1.1% 0 0;
	}
	.nav-slide { width: 95.2%; }
	.contact-slide .email:after { left:11px; }
}
@media only screen and (max-width: 874px) {
	.header-heading > h1 {
		font-size: 68px;
		line-height: 61px;
		margin: 0 0 12px;
	}
	.nav-block.active {margin: 0 0 -48px;}
}
@media only screen and (max-width: 835px) {
	#about h3 {letter-spacing: 0;}
	.carousel .accordion li.three a {left: 442px;}
	.carousel .accordion li.two a {left: 300px;}
	.carousel .accordion li.one a {left: 150px;}
}
@media only screen and (max-width: 768px) {
	.email-form .checkbox label {  padding: 2px 0 0;}
	#about .glass-wine {top: 31px;}
	.instagram li img { padding: 0 0 7px;}
	.carousel { padding: 1px 55px 15px;	}
	.contact-slide .email:after {left: 4%;}
	#about h3 {
		font-size: 33px;
		line-height: 30px;
	 	margin: 0 0 12px;
	 	letter-spacing: 0;
	}
	#wrapper .phone.call { padding: 45px 0 0;}
	#services .service-holder { padding: 180px 0 27px;}
	#about .about-holder {padding: 335px 85px 0;}
	.carousel .accordion li.one a {left: 190px;}
	.carousel .accordion li.two a {left: 370px;}
	.carousel .accordion li.three a {left: 532px;}
}
@media only screen and (max-width: 754px) {
	#header .header-slider { padding: 0;}
	#footer .footer-holder {max-width: 546px;}
	.nav-block.nav-active {margin: 0 0 72px;}
	#header .header-slider .logo {
	background: url("../images/logo-3.png") no-repeat scroll 0 0 transparent;
	height: 103px;
	margin: 0 auto 10px;
	width: 69px;
	}
	.carousel .slide p span { display: none;}
	.header-heading {
		color: #333333;
		font-size: 10px;
		line-height: 13px;
		padding: 0 0 106px;
	}
	.header-heading p {
		letter-spacing: 1px;
		margin: 0 0 14px;
	}
	.p-links li a { padding: 12px 11px 13px; }
	.header-heading .p-links {
		font-size: 12px;
		line-height: 15px;
	}
	#contact {
		background: url("../images/img-9.jpg") no-repeat scroll 50% 110px transparent;
		padding: 69px 40px 39px;
	}
	#footer .footer-holder {
		font-size: 20px;
		line-height: 23px;
		padding: 27px 0 23px;
	}
	#footer img {
		display: inline-block;
		height: auto;
		padding: 0 0 0 64px;
		width: 12.7%;
	}
	#footer .copyright { float: right; }
	#footer span,
	#footer .copyright {
		float: right;
		padding: 3px 64px 0 0;
		word-spacing: 3px;
	}
	#contact .heading-holder > h2 {
		font-size: 26px;
		line-height: 29px;
		margin: 0;
	}
	#contact .heading-holder > h1 {
		font-size: 70px;
		letter-spacing: 0;
		line-height: 73px;
		margin: 0 0 10px;
	}
	#contact .heading-holder h5 {
		font-size: 14px;
		line-height: 17px;
	}
	#contact .heading-holder { padding: 0 0 95px; }
	.service-holder > h2 {
		font-size: 36px;
		line-height: 43px;
		margin: 0 0 20px;
	}
	.carousel {
		margin: 0 auto;
		padding: 0 0 19px;
	}
	.carousel .accordion {
		font-size: 14px;
		letter-spacing: 2px;
		line-height: 17px;
		padding: 0;
		position: relative;
		margin: 0 auto;
		width: 68%;
	}
	.carousel .accordion li {
		display: block;
		float: none;
		padding: 0 0 4px;
	}
	.carousel .accordion li.active { padding: 0 0 24px; }
	.carousel .accordion li.one a,
	.carousel .accordion li.two a,
	.carousel .accordion li.three a { left: 0; }
	.carousel .accordion li a {
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		background: #fff;
		border: 2px solid #000;
		border-radius: 3px;
		display: block;
		left: 0;
		padding: 11px 9px 8px;
		position: relative;
	}
	.carousel .slide {
		letter-spacing: 0;
		line-height: 25px;
		padding: 16px 0 0;
	}
	.info-holder { padding: 0; }
	.info-holder .get-app {
		margin: -88px auto 0;
		padding: 0 0 33px;
		position: relative;
		right: 0;
		top: 0;
		width: 319px;
	}
	.get-app .free { margin: 0 auto 14px; }
	.get-app h4 {
		font-size: 38px;
		line-height: 41px;
		margin: 0 0 11px;
	}
	.get-app ul { padding: 0 21px 20px; }
	.get-app .app a { padding: 11px 15px 12px; }
	#services .service-holder .info-holder img {
		display: block;
		height: auto;
		left: 12px;
		margin: 0 auto;
		position: relative;
		width: 76%;
	}
	#services .info-holder .app-holder ul li img {
		display: block;
		left: 0;
		width: auto;
	}
	.get-app .app-holder ul { padding: 12px 0 0; }
	.email-form input[type="submit"] {
		height: 55px;
		padding: 3px 0 0;
	}
	.carousel .accordion li.active a,
	.carousel .accordion li a:hover {
		background: none repeat scroll 0 0 #000000;
		color: #FFFFFF;
		text-decoration: none;
	}
	.carousel .accordion li.active a:after {
		background: url("../images/bg-arrow.png") no-repeat scroll 0 0 transparent;
		bottom: -11px;
		content: "";
		height: 9px;
		left: 46%;
		position: absolute;
		width: 20px;
	}
	.contact-slide .email {
		font-size: 14px;
		height: 45px;
		letter-spacing: 1px;
		line-height: 45px;
		margin: 0 auto 23px;
		width: 98.6%;
	}
	.contact-slide .email-form {
		font-size: 14px;
		line-height: 17px;
		width: 100%;
	}
	.email-form label { padding: 0 0 7px; }
	.email-form input[type="text"],
	.email-form input[type="email"] {
		height: 40px;
		line-height: 40px;
		padding: 10px 12px;
	}
	.email-form .col { padding: 0 0 17px; }
	.email-form .row { padding: 0 0 0 2px; }
	.email-form .row .check-holder {
		margin: 0;
		padding: 3px 0 8px;
	}
	.email-form textarea {
		margin: 0 0 30px;
		max-height: 160px;
		min-height: 160px;
	}
	.email-form .row .checkbox { padding: 0 20px 11px 0; }
	.email-form .row .contact-holder { padding: 0;}
	.contact-slide .email:after {
		background-size: 23px 29px;
		height: 16px;
		left: 15px;
		top: 15px;
	}
	.contact-slide .email:hover:after {background: url(../images/bg-email.png) no-repeat 0 -14px / 23px 29px;}
	.city-name,
	.phone { display: none; }
	.nav-slide ul  { width: 100%; }
	.nav-slide ul li {
		border-bottom: 1px solid #808080;
		display: block;
		float: none;
		padding: 15px 19px;
	}
	.nav-block.nav-active {margin: 0 0 45px;}
	.about-heading img { display: none; }
	.about-heading { padding: 88px 50px 96px; }
	#wrapper.active .about-heading { padding: 88px 50px 74px; }
	.about-heading h1 {
		font-size: 36px;
		line-height: 39px;
		margin: 0 0 8px;
	}
	.about-heading {
		font-size: 12px;
		line-height: 20px;
	}
	.about-heading h2 {
		font-size: 14px;
		line-height: 17px;
		margin: 0 0 11px;
	}
	.nav-slide {
		padding: 0;
		width: 100%;
	}
	#wrapper.active #about .about-holder {padding: 0 53px 43px;}
	#about .about-holder { padding: 0 56px 42px; }
	#about .about-heading p {
		letter-spacing: 1px;
		line-height: 20px;
		margin: 0 0 22px;
		text-transform: none;
	}
	.about-heading .btn-fancy {
		font-size: 14px;
		line-height: 17px;
		padding: 12px 17px 11px;
	}
	#about .glass-wine {
		left: 6px;
		padding: 0 0 24px;
		position: relative;
		top: 23px;
		width: 95.7%;
		margin: 0;
	}
	.nav-block.active {margin: 0 0 -46px;}
	#wrapper.active #about .glass-wine {
		left: 10px;
		padding: 0 0 4px;
		margin: 0;
		top: -45px;
		width: 93%;
	}
	#wrapper.active #about .align-left { margin: -23px 0 0;}
	#about .align-left {
		margin: 0;
		float: none;
		padding: 0 0 32px;
		text-align: center;
		width: 100%;
	}
	#about h3 {
		font-size: 33px;
		letter-spacing: 0;
		line-height: 36px;
		margin: 0 0 23px;
	}
	#about h3 br { display: none; }
	#about h3 span {
		font-size: 14px;
		letter-spacing: 3px;
		line-height: 17px;
		padding: 0 0 7px;
	}
	#about .align-right {
		float: none;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	#about .align-right img { padding: 0 0 30px; }
	#services .service-holder img { display: none; }
	#services .service-holder {
		padding: 60px 40px 0;
		text-align: center;
	}
	.caution {
		font-size: 10px;
		line-height: 18px;
		padding: 54px 11px 57px;
	}
	.social-network li a.facebook,
	.social-network li a.twitter {
		overflow: hidden;
		padding: 12px 9px 11px 31px;
		text-indent: -9999px;
		position: relative;
	}
	.social-network li a.twitter:after { left: 11px; }
	#contact .contact-slide {
		font-size: 11px;
		line-height: 14px;
		overflow: hidden;
		padding: 16px 14px 40px;
	}
	.category h5:after,
	.category h5:before { background: none repeat scroll 0 0 transparent; }
	.category h5 {
		background: url("../images/bg-tilte1.png") no-repeat scroll 50% 0 transparent;
		display: block;
		margin: 0 0 14px;
		padding: 44px 0 0;
	}
	.instagram {
		left: 16px;
		margin: 0 0 0 -8px;
		padding: 0;
		position: relative;
		width: 93.5%;
	}
	.instagram li {
		padding: 0 0 3px 8px;
		width: 46.8%;
		display: inline-block;
		vertical-align: top;
		float: none;
	}
	.instagram li span { display: none; }
	.contact-slide span {
		line-height: 17px;
		padding: 0 0 14px;
	}
	.social-network li a {
		margin: 6px 0 0;
    	padding: 12px 14px 9px 19px;
    	position: static;
	}
	#contact .social-network {padding: 0 0 4px;}
	#contact.active .social-network {padding: 0 0 10px;	}
	#contact.active .social-network li .contact-opener:after {
		background: url("../images/bg-arrow.png") no-repeat scroll 0 0 transparent;
		bottom: -11px;
		content: "";
		height: 9px;
		left: 73px;
		position: absolute;
		width: 20px;
	}
	.social-network li { padding: 0 8px 0 2px; }
	#header .header-holder:after {
		background:#fff;
		content: "";
		height: 23px;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	#header .header-holder {
		overflow: hidden;
		padding: 44px 37px 16px;
		position: relative;
	}
	.city-name,
	#header.active .phone { display: none; }
	.header-heading > h2 {
		font-size: 30px;
		line-height: 33px;
		color: #000;
	}
	.header-heading > h1 {
		color: #000;
		font-size: 68px;
		line-height: 61px;
		margin: 0 0 12px;
	}
}
@media only screen and (max-width: 516px) {
	.header-heading > h1 {
		font-size: 65px;
		line-height: 61px;
		color: #000;
	}
}
@media only screen and (max-width: 399px) {
	.info-holder .get-app { width:236px;}
	.get-app h4 {
		font-size: 26px;
		line-height: 29px;
	}
	.nav-block.active {margin: 0 0 -20px;}
	.carousel .accordion li a {
	padding: 9px 0;
	width: 90%;
	}
	.get-app ul { padding: 0 0 20px; }
	.social-network li {padding: 0 4px;}
	.social-network li a { padding: 15px 11px 13px; }
	#contact.active .social-network li .contact-opener:after { left: 60px; }
	.instagram li {
		padding: 0 0 3px 8px;
		width: 41.8%;
	}
	.instagram { width: 100%; }
	#footer .footer-holder {
		font-size: 18px;
		line-height: 21px;
	}
	#footer span { padding: 3px 12px 0 0; }
	.contact-slide .email { font-size: 12px; }
	.email-form input[type="text"],
	.email-form input[type="email"] {
		display: block;
		width: 100%;
	}
	.about-heading { padding: 88px 40px 74px; }
	#services .service-holder {
		max-width: 862px;
		padding: 60px 40px 0;
	}
	.email-form input[type="submit"] {width: 158px;}
	.p-links li { padding: 0; }
	.p-links li a { padding: 12px 6px 13px; }
	.carousel .accordion {left: 8px;}
	#contact {padding: 69px 0 39px;}
	.carousel { width: 100%;}
	.carousel .accordion li a,
	.carousel .accordion li.one a,
	.carousel .accordion li.two a,
	.carousel .accordion li.three a {left: 8px;}
	#contact.active .social-network {left: 4%;}
	.instagram { left: 3px;}
	#footer span, #footer .copyright { padding: 3px 36px 0 0;}
	#footer img {padding: 0 0 0 40px;}
	#contact .contact-slide { padding: 16px 13px 40px;}
	.header-slider .logo {
	        margin: 0 auto 16px;
		}
	.header-heading {
		padding: 0px 0px 85px;
	}
	#wrapper.parallax #about .glass-wine{
		top: -45px;
		padding: 0px;
	}
	#about .glass-wine{
		top: -45px;
		padding: 0px;
	}
	.header-slider .logo {
		margin: -10px auto 10px;
	}
	.p-links li {
		padding: 0px 2px;
	}
	.p-links li a {
	    padding: 10px 10px 10px;
	    letter-spacing: 1px;
	}
}
@media only screen and (max-width: 340px) {
	.about-heading .btn-fancy { padding: 12px 15px 11px;}
	.p-links li { padding: 0 5px;}
	#about h3 {
		font-size: 31px;
		line-height: 35px;
	}
	#about .about-holder {padding: 0 36px 42px;}
	.carousel .accordion {width: 100%;}
	#wrapper.parallax #about .glass-wine {top: 40px;}
	#about .glass-wine {margin: 0;}
	#contact.active .social-network {
		left: 1px;
    	position: relative;
	}
	.contact-slide .email:hover:after {
		background-size: 23px 29px;
		background-position: 0 -14px;
	}
	.email-form input[type="text"],
	.email-form input[type="email"] {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.email-form input[type="submit"] { left:0;}
	.header-slider .logo {
	        margin: 0 auto 16px;
		}
	.header-heading {
		padding: 0px 0px 85px;
	}
	#wrapper.parallax #about .glass-wine{
		top: -45px;
		padding: 0px;
	}
	#about .glass-wine{
		top: -45px;
		padding: 0px;
	}
	.header-slider .logo {
		margin: -10px auto 10px;
	}
	.p-links li {
		padding: 0px 2px;
	}
	.p-links li a {
	    padding: 10px 10px 10px;
	    letter-spacing: 1px;
	}
}

/* #about-description { padding: 70px 0 0 0; } */