/*	--------------------------------------------------
	 04 HEADER & FOOTER
	-------------------------------------------------- */
#header {
	position: fixed;
	top:0px;
	left:0px;
	width: 100%;
	z-index: 10000;
	box-shadow:0 0 40px;
	-moz-box-shadow:0 0 40px;
	-webkit-box-shadow:0 0 40px;
}
#header, .footer {
	background: #fdb827 url('../images/body-bg.jpg') 0 0 repeat;
}
#header .center,
.footer .center {
	width:98%;
	padding:2px;
}
.page-template-template-jimmy-lapanza-php .footer {
	padding-bottom: 60px;
}
.header-logo {
	float:left;
	position:absolute;
	left:15px;
	top:5px;
	z-index:9999;
	max-width:125px;
}
.header-logo img, .footer-logo img {
	transition:all .3s ease;
	-moz-transition:all .3s ease;
	-webkit-transition:all .3s ease;
	text-align:left;
}
.awards .footer-logo {
	text-align:left;
	max-width:125px;
}
.header-logo img:hover, .footer-logo img:hover {
	transform:rotate(-10deg);
	-moz-transform:rotate(-10deg);
	-webkit-transform:rotate(-10deg);
	-ms-transform:rotate(-10deg);
}
.utility-nav {
	float:right;
	list-style:none;
	margin:10px 0;
}

.utility-nav li {
	float:left;
}

.utility-nav a {
	color:#2f1e19;
	font-family: 'bitter', Georgia, Cambria, 'Times New Roman', Times, serif;
	padding:4px;
}

.utility-nav a:hover {
	color:#fff;
}

.utility-nav a span {
	font-size:1.1em;
	padding:0 2px 0 0;
}
.utility-nav li.cart-btn .desktop {
	display:inline;
	font-size:1em;
}
.utility-nav li.cart-btn .mobile {
	display:none;
}
a.cart-link {
	display:block;
	background:#2f1e19;
	color:#fff;
	padding:3px 12px;
	border-radius:14px;
	-moz-border-radius:14px;
	-webkit-border-radius:14px;
	margin:-2px 0 0 15px;
	text-transform:uppercase;
	font-size:12px;
}

a.cart-link span {
	font-size:1.3em;
}
@media (max-width:800px) {
	.header-logo, .footer-logo {
		width:30%;
	}
	.header-logo img, .footer-logo img {
		width:100%;
		max-width:140px;
		height:auto;
	}
}

@media (max-width:600px) {
	.header-logo img, .footer-logo img {
		width:100px;
		height:auto;
	}
	.utility-nav {
		margin:3px 0;
	}
	.utility-nav li {
		display:none;
	}
	.utility-nav li.cart-btn {
		display:block;
	}
	.utility-nav li.cart-btn .desktop {
		display:none;
	}
	.utility-nav li.cart-btn .mobile {
		display:inline;
		font-size:1.1em;
	}
}

/* ----- Footer ------ */

.awards {
	background:#2f1e19;
	width:100%;
	font-family: 'bitter', Georgia, Cambria, 'Times New Roman', Times, serif;
	font-size: 17px;
	line-height: 40px;
	color:#e5a623;
	text-align:center;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #fff;
}
.awards-wrap {
	width:80%;
	margin:0 auto;
	background:url('../images/award-2013.jpg') center center no-repeat;
}
.award-tagline {
	font-size:1.2em;
	line-height:80px;
}
.award-list {
	font-size:.9em;
	line-height:30px;
	padding:.5em 0;
}
.awards .footer-logo {
	position:absolute;
	left:10px;
	top:20px;
}
.tagline {
	width:100%;
	font-family: 'bitter', Georgia, Cambria, 'Times New Roman', Times, serif;
	font-size: 18px;
	line-height: 45px;
	color:#2f1e19;
	text-transform:uppercase;
	text-align:center;
	display:block;
	margin:40px 0;
}
.company-footer {
	color:#fff;
	font-family: 'bitter', Georgia, Cambria, 'Times New Roman', Times, serif;
	font-size: 16px;
	line-height: 24px;
}
.footer-social {
	margin:10px 0 0;
}
.footer-social a {
	color:#2f1e19;
	font-size:1.1em;
	padding:5px;
}
.tours-footer {
	color:#fff;
	font-family: 'bitter', Georgia, Cambria, 'Times New Roman', Times, serif;
	font-size: 16px;
	line-height: 24px;
}
.tours-footer p {
	padding:5px 0 10px;
}
.footer-nav a {
	color:#fff;
}
.footer-nav ul {
	list-style:none;
}
.footer-nav ul li {
	width:50%;
	float:left;
	margin-bottom:25px;
}
.footer-nav ul li ul li {
	width:100%;
	float:none;
	margin-bottom:0;
}
.footer-nav ul li:nth-child(3) {
	clear:left;
}
.footer-nav ul li a {
	font:18px/24px 'lilita one', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	letter-spacing:.03em;
}
.footer-nav ul ul a {
	font:14px/24px 'bitter', helvetica, arial, sans-serif;
	letter-spacing:.03em;
	text-transform:none;
}
.footer-nav a:hover {
	color:#2f1e19;
}
.footer-social a:hover {
	color:#fff;
}
.footer-nav .nav-click {
	display: none !important;
}

.partners {
	width:320px;
	margin:40px auto 0;
	font-family: 'bitter', Georgia, Cambria, 'Times New Roman', Times, serif;
	font-size: 13px;
	line-height: 20px;
	color:#2f1e19;
	text-transform:uppercase;
	clear:both;
}
.partners img {
	float:left;
	position:relative;
	top:-10px;
	margin-right:10px;
}
.partners p {
	position:relative;
	top:15px;
	padding-left:10px;
}
@media (max-width:1024px) {
	.awards-wrap {
	background:url('../images/award-2013.jpg') center right no-repeat;
	}
	.award-tagline {
		display:none;
	}
	.award-list {
		line-height:30px;
		width:100%;
		padding:.4em 0;
	}
}
@media (max-width:900px) {
	.footer-nav.col-two {
		width:71%;
		float:right;
	}
	.tours-footer.col-four {
		width:100%;
		margin:20px 0;
		padding:20px 0;
		border-top:solid 1px #2f1e19;
	}
	.tours-footer.col-four p {
		width:55%;
		margin:0 auto;
	}
}
@media (max-width:600px) {
	.awards {
		display:none;
	}
	.tagline {
		margin:20px 0;
		background:#2f1e19;
		color:#fff;
		font-size:12px;
	}
	.company-footer.col-four {
		width:100%;
		text-align:center;
	}
	.footer-nav.col-two {
		width:100%;
		float:none;
		border-top:solid 1px #2f1e19;
		margin:20px 0;
		padding:20px 0;
	}
	.footer-nav ul li {
		width:100%;
		display:block;
		text-align:center;
		margin-bottom:15px;
	}
	.footer-nav ul li ul {
		display:none;
	}
	.tours-footer.col-four {
		clear:both;
	}
	.tours-footer.col-four p {
		width:90%;
		margin:0 auto;
	}
	.partners {
		width:100%;
	}
}
/*	------------------------------------------------
	 05 NAVIGATION
	-------------------------------------------------- */

.main-nav-container {
	background:#2f1e19;
	width:100%;
	border-bottom:5px solid #f4b226;
	z-index:9999;
}

.main-nav {
	float:right;
	margin:0 auto;
	padding:0;
}

.main-nav ul {
	list-style:none;
}

.main-nav li {
	float:left;
}

.main-nav li ul {
	position:absolute;
	left:-9999em;
	background:#f4b226;
	z-index:9999;
	max-width:240px;
	box-shadow:0 30px 30px rgba(0,0,0,0.3);
	-moz-box-shadow:0 30px 30px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 30px 30px rgba(0,0,0,0.3);
}

.main-nav a {
	display:block;
	color:#fff;
	height:45px;
	font: 20px/45px 'lilita one', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	padding:0 25px;
	font-weight:700;
}
.main-nav li > ul a {
	display:block;
	color:#fff;
	height:auto;
	vertical-align:middle;
	font-family: 'bitter', Georgia, Cambria, 'Times New Roman', Times, serif;
	font-size: 14px;
	line-height: 1.4;
	padding:12px 20px;
}
.main-nav li > ul li:first-child a {
	padding-top: 20px;
	display:block;
}
.main-nav .nav-click {
	display: none;
}
.large-text-cta {
	display:none;
	font-size:29px;
	line-height:29px;
	text-align:center;
	color:#2f1e19;
	padding:120px 0 0;
}

.large-text-cta a {
	color:#2f1e19;
	line-height:60px;
	margin:3px;
}
.main-nav-sm {
	display:none;
}
.main-nav li:hover {
	background:#4b3425;
}
.main-nav ul li:hover ul {
	left:auto;
}
.main-nav ul li:hover ul li {
	display:block;
	width:100%;
}
.main-nav-container .mo-so-lo {
	display:none;
}
@media only screen and (min-device-width: 650px) and (max-device-width:1025px) {
	.main-nav li {
		position:relative;
		margin-left:10px;
	}
	.main-nav li li {
		position:relative;
		margin-left:0;
	}
	.main-nav .nav-click {
		display:block;
		color:#fff;
		position:absolute;
		top:15px;
		right: -15px;
		width: 25px;
		height: 25px;
		z-index: 100;
		text-align:center;
	}
	.main-nav a span.icon-menu {
		line-height:60px;
		padding:0;
	}
	.main-nav a {
		position:relative;
		z-index:1;
	}
}
@media (max-width:1000px) {
	.main-nav a {
		padding:0 12px;
	}
}
@media only screen and (max-width: 880px) {
	.main-nav a {
		font-size: 17px;
	}
}
@media only screen and (max-width: 700px) {
	.main-nav a {
		padding: 0 10px;
		font-size: 14px;
	}
}
@media (max-width:650px) {
	.main-nav-sm {
		display:block;
		float:right;
		list-style:none;
	}
	.main-nav-sm li {
		float:left;
	}
	.main-nav-sm a {
		display:block;
		color:#fff;
		height:60px;
		padding:0 10px;
		border-left:solid 1px #483a31;
		font: 1.1em/30px 'lilita one', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		text-transform:uppercase;
		color:#f4b226;
		text-align:center;
	}
	.main-nav-sm a:hover {
		background:#4b3425;
	}
	.main-nav-sm a span {
		font-size:1.5em;
		position:relative;
		line-height:60px;
		color:#f4b226;
	}
	.main-nav-sm a small {
		position:relative;
		top:-5px;
		font-size:10px;
	}
	.main-nav-sm a span {
		display:block;
		line-height:15px;
		padding:15px 0 0;
	}
	.main-nav-sm a span.icon-menu {
		line-height:60px;
		padding:0;
	}
	.nav-click {
		margin:5px 0 0;
	}
	.main-nav-sm .nav-toggle.active {
		background: #f6b300;
	}
	.main-nav-sm .nav-toggle.active span {
		color: #2f1e18;
	}
	.large-text-cta {
		display:block;
	}
	.main-nav-wrap {
		min-width: 320px;
		background:#2f1e18;
	}
	.main-nav-container {
		display:none;
		float:left;
		width:100%;
		background:#f4b226;
		padding:30px 0 0;
	}
	.main-nav-container .center {
		width: 100% !important;
		padding: 0 !important;
	}
	.main-nav-container a {
		color:#2f1e19;
	}
	.main-nav-container a:hover {
		background:none;
	}
	.main-nav-container .mo-so-lo {
		width:100%;
		padding:1em;
		background:#2F1E19;
		color:#fdb827;
		text-align:center;
		font-size:22px;
		line-height:1.2em;
		display:block;
	}
	.main-nav-container .mo-so-lo a {
		color:#fdb827;
		padding:5px;
	}
	.main-nav {
		float:right;
	}
	.main-nav li {
		position: relative;
		width:50%;
		float:left;
		padding:20px 0 0;
	}
	.main-nav a {
		height:auto;
		padding: 10px 5%;
		line-height: 1;
	}
	.main-nav li:nth-child(3) {
		clear:left;
	}
	.main-nav li > ul li:first-child a {
		padding-top: 8px;
	}
	.main-nav-container .sub-menu {
		display:block;
	}
	.main-nav-container .sub-menu li {
		width:100%;
		float:none;
		padding:0;
	}
	.main-nav-container .sub-menu li:last-child {
		margin-bottom: 6px;
	}
	.main-nav-container .sub-menu a {
		font:14px/25px 'bitter', helvetica, arial, sans-serif;
		letter-spacing:.03em;
		display:block;
		width:100%;
		text-transform:none;
		padding: 6px 10%;
		font-weight: bold;
		letter-spacing: 0;
		line-height: 1;
	}
	.main-nav li ul {
		position:relative;
		left:auto;
		box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
	}
	.main-nav-container .large-text-cta {
		float:none;
		width:100%;
		padding:20px 0 0;
	}
	.main-nav {
		float:none;
		margin:0 auto;
	}
	.main-nav li {
		width:100%;
		float:none;
		padding:0;
	}
	.main-nav li a {
		width:100%;
		display:block;
		position:relative;
		font-size: 1.15em;
	}
	.main-nav ul ul {
		max-width: none;
	}
	.main-nav li:hover {
		background: transparent;
	}
	.main-nav li li a {
		padding: 8px 10%;
		font-size: .875em;
	}
	.main-nav-container .nav-click {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 50px;
		height: 40px;
		z-index: 1000;
		font-size: 1em;
		text-align: center;
		line-height: 30px;
		cursor: pointer;
	}
	.main-nav-container .nav-rotate {
	    -webkit-transform:rotate(180deg);
	    -moz-transform:rotate(180deg);
	    -ms-transform:rotate(180deg);
	    -o-transform:rotate(180deg);
	    transform:rotate(180deg);
	}
	.main-nav-container .main-nav .sub-menu {
		display:none;
	}
}
.vital-logo {
	position:absolute;
	bottom:1em;
	right:1em;
}
.vital-logo img {
    opacity: .6;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.vital-logo img:hover {
    opacity: 1;
    filter: none;
    -webkit-filter: grayscale(0%);
}
@media (max-width:1025px) {
	.vital-logo {
		position:relative;
		margin:15px auto 0;
		text-align:center;
		display:block;
	}
}