@import url('//fonts.googleapis.com/css?family=Roboto+Condensed');
@import url('//fonts.googleapis.com/css?family=Teko');

.teko {
	font-size: 1.5em;
	line-height: 1.5em;
	padding-right: 10px;
}

/*
body.contact-us section.generic {
	background-image: url('../images/background-contact-us.png');
	background-repeat: no-repeat;
	background-position: right top;
}
*/

/* Fix for Venue CMS */
/* #content.cke_editable {
    background-color: black !important;
} */

body {
	color:#363636;
	margin:0;
	padding:0;
	font-weight: normal;
	font-size:15px;
	line-height: 18px;
	font-family: 'Futura Demi Bold Condensed', 'Futura', 'Arial Bold', sans-serif;
	-webkit-font-smoothing:antialiased;
	background-color:#FFF;
}

header {
	display:block;
	position:fixed;
	width:100%;
	top:0;
	left:0;
	right: 0;
	z-index:100;
	height:160px;
	max-width: 1500px;
	margin: 0 auto;
	transition:height .4s ease;
}

body.scroll header {
	height:105px;
	transition:height .4s ease;
	background-color:#FFF;
	border-bottom: 3px #f7280e solid;
}

body.scroll #contact span,body.scroll #contact i {
	font-size:16px;
}

.logo {
	position:absolute;
	top:15px;
	left:50px;
	z-index:115;
}

body.scroll header .logo {
	top:8px;
	transition:top .4s ease;
}

header .logo img {
	width:249px;
	height:auto;
	transition:width .4s ease,height .4s ease;
}

body.scroll .logo img {
	width:172px!important;
	transition:width .4s ease,height .4s ease;
}

#pagecell {
	position:relative;
	padding-bottom:10px;
	max-width: 1500px;
	margin:auto;
}

#content_container {
	width:100%;
	padding-top:160px;
	min-height:600px;
}

/*
body.scroll #content_container {
	margin-top:100px;
}
*/

#content_container.no_top_margin {
	margin-top:0;
}

.content_sidebar_fix {
	margin-right:10px;
}

#content {
	text-align:left;
	min-height:425px;
	height:auto!important;
	padding:25px;
	letter-spacing:normal;
	white-space:normal;
	font-size:20px;
	line-height: 1.5em;
	color: #02b;
}

i.fa-location-arrow, span.external-icon {
	color: #f7280e
}

p {
	line-height:1.5em;
	padding:5px 0;
}

a {
	outline:none;
}

a:link,a:visited {
	color:#f7280e;
}

a:visited {
	color:#f7280e;
}

a:hover {
	color:#02b;
	text-decoration:underline;
}

#content ol {
	padding:0;
	list-style-type:decimal;
}

#content ol li ol {
	padding:0;
	list-style-type:upper-alpha;
}

#content ol li ol li ol {
	padding:0;
	list-style-type:lower-alpha;
}

#content ol li ol li ol li ol {
	padding:0;
	list-style-type:upper-roman;
}

#content ol li {
	margin-left:1.5em;
}

#content ul {
	list-style:none;
	padding:0;
	margin-left: 25px
}

#content ul li {
	padding-left:0;
}

#content ul li:before {
	content:"\f0a9";
	font-family:FontAwesome;
	display:inline-block;
	margin-left:0;
	width:1.5em;
	color:#f7280e;
}

#content ul li ul li:before {
	content:"\2022";
	display:inline-block;
	margin-left:0;
	width:1em;
	color:#f7280e;
}

#content ul li ul li ul li:before {
	content:"\f105";
	font-family:FontAwesome;
	display:inline-block;
	margin-left:0;
	width:1em;
	color:#f7280e;
}

#content ul li ul li ul li ul li:before {
	content:"\2022";
	display:inline-block;
	margin-left:0;
	width:1em;
	color:#f7280e;
}
li .inline_list_left {
	float:left;
	width:5em;
}

li .inline_list_right {
	float:right;
	width:5em;
}

section.generic {
	position: relative;
	width: 90%;
	padding: 2% 2% 120px;
	margin: 0 auto;
}

section.generic div.contact {
	position: absolute;
	bottom: 0;
	right: 0;
}

body.mobile section.generic div.contact {
	position: relative;
}

table.product {
	width: 100%;
}

table.product td {
	padding: 5px 10px;
}

table.product td img {
	border: #000 solid 3px;
	box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, .8);
	padding: 0 !important
}

body.mobile	table {
	width:100%!important;
	height:auto!important;
	overflow:hidden;
	border-collapse:collapse;
}

body.mobile	table th,body.mobile table td {
	padding:10px;
}

body.mobile	table td {
	display:block;
	width:100%!important;
	height:auto!important;
	overflow:hidden;
	text-align:center!important;
}

body.mobile	table td p,body.mobile table td div,body.mobile table td ul li {
	text-align:left;
}

body.mobile	table td img {
	max-width:100%!important;
	height:auto!important;
	margin-left:0!important;
	margin-right:0!important;
	margin:auto;
}

#content img,footer img,.footer_hands img {
	max-width:100%;
	height: auto !important;
}

/* Convert floated images to blocks in mobile view */
body.mobile #content img {
	float:none!important;
	margin:0 auto!important;
	margin-right: 0;
	margin-left: 0;
	display:block;
}

hr {
	border:none;
	border-top:1px #f7280e solid;
	padding:20px 0;
	margin:10px 0;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 500;
}

h1 {
	font-size:2em;
	line-height: 1em;
	margin:10px 0 0;
}

h2 {
	margin:10px 0 15px;
	font-size:28px;
	font-weight:200;
}

h3 {
	margin:10px 0 15px;
	font-size:24px;
	font-weight:200;
}

h4 {
	margin:10px 0 15px;
	font-size:18px;
	font-weight:200;
}

h5,h6 {
	margin:10px 0 15px;
	font-size:16px;
	font-weight:200;
}

blockquote {
	font-size:1em;
	margin:10px 60px;
	padding:10px 60px;
	line-height:1.45;
	position:relative;
	text-align:left;
}

blockquote:before {
	display:block;
	content:"\201C";
	font-size:7em;
	position:absolute;
	left:0;
	top:-20px;
	color:#f7280e;
}

blockquote:after {
	display:block;
	content:"\201D";
	font-size:7em;
	position:absolute;
	right:0;
	bottom:-20px;
	color:#f7280e;
}

body.mobile blockquote:before, body.mobile blockquote:after {
	font-size:5em;
}

a.button {
	background-color:rgba(250, 154, 52, 0.75);
	color:#FFF;
	font-size:1em;
	line-height:3em;
	font-weight:700;
	overflow:hidden;
	padding:12px 24px;
	text-decoration:none;
	cursor:pointer;
	letter-spacing:1px;
	box-shadow:0 0 1px #DA581B;
	white-space:nowrap;
	border:#f7280e solid thin;
	border-radius:20px;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}

a.button:hover {
	background-color:rgba(217, 87, 26, 0.75);
	text-decoration:none;
	border:#DA581B solid thin;
}

a.button_arrow:hover {
	background-color:rgba(217, 87, 26, 0.75);
	text-decoration:none;
	border:#DA581B solid thin;
	padding:12px 36px 12px 24px;
}

a.button_arrow:hover::after {
	position:absolute;
	content:'\f105';
	font-family:FontAwesome;
	font-weight:400;
	font-size:2em;
	margin-left:10px;
}

.external-icon {
	vertical-align:baseline;
	font-size:60%!important;
	padding:3px;
	vertical-align:super;
}

a.external {
	white-space:nowrap;
}

a.phone {
	text-decoration:none;
}

iframe {
	max-width:100%;
}

.responsive-iframe {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.responsive-iframe iframe,.responsive-iframe object,.responsive-iframe embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#mobile_nav {
	display:none;
}

/* navbar */
#mobile_nav {
	display:none;
}

body.mobile-menu #mobile_nav,body.touch #mobile_nav {
	display:block;
}

nav {
	position:absolute;
	top:70px;
	left:0px;
	padding:0;
	width:100%;
	text-align:center;
	transition:top .4s ease;
	z-index:110;
}

body.scroll nav {
	top:30px;
	transition:top .4s ease;
}

nav.right > ul {
	float:right;
	padding-left:0;
}

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

nav ul li {
	text-align:left;
}

nav ul li.nav_active {
/* 	background-color:#000; */
}

nav ul li:hover {
/* 	background-color:#000; */
}

nav ul li:hover > ul {
	display:block;
}

nav ul li.last:hover > ul {
	right:0;
/* Align last drop down on right */
}

nav ul li a {
	display:inline-block;
	color:#000;
	font-size:24px!important;
	font-weight:700;
	text-decoration:none;
	position:relative;
	text-transform:uppercase;
	background-color: white;
	border-right: #000 solid thin;
}

@media screen and (max-width: 1200px) {
	nav ul li a {
	font-size:20px!important;
	}
}

@media screen and (max-width: 1100px) {
	nav ul li a {
	font-size:16px!important;
	}
}

@media screen and (max-width: 1000px) {
	nav ul li a {
	font-size:12px!important;
	}
}

nav ul li.last a {
	border-right:none;
}

nav ul li a:link,nav ul li a:visited,nav ul li a:active {
	color:#000;
}

nav ul > li.nav_active > a:link,nav ul > li.nav_active > a:visited,nav ul > li.nav_active > a:active {
 	background-color:#02b;
	color:#FFF;
	text-decoration:none;
}

nav ul > li > a:hover,nav ul > li.nav_active > a:hover {
	 background-color:#f7280e;
	color:#FFF;
	text-decoration:none;
}

nav ul ul {
	position:absolute;
	top:100%;
	background-color:#fff;
	display:none;
	border:#DEDEDE solid thin;
}

nav ul ul li {
	position:relative;
}

nav ul ul ul {
	left:100%;
	top:0;
}

/* nav top-level */
nav > ul {
	padding-left:350px;
}

nav > ul > li {
	float:left;
}

nav.right > ul {
 	float: right;
}

nav.centered > ul {
 	padding: 0;
}

nav.centered > ul > li {
	float:none;
	display:inline-block;
	white-space:nowrap;
	margin-right:-4px;
}

nav ul > li > a {
	width:auto;
	padding:7px 20px;
	white-space:nowrap;
}

nav ul > li > ul > li > a {
	width:auto;
	padding:7px 26px;
	white-space:nowrap;
}

nav ul > li:hover > a:link,nav ul > li:hover > a:visited {
	color:#FFF;
}

#mobile_nav {
	position:absolute;
	top:50px;
	right:50px;
	margin:0;
	width:60px;
	height:50px;
	text-align:center;
	padding:0;
	z-index:700;
}

#mobile_nav a {
	text-decoration:none;
	line-height:normal;
}

.mobile-nav-toggle {
	position:absolute;
	width:30px;
	height:30px;
	top:15px;
	right:20px;
	vertical-align:middle;
	cursor:pointer;
	color:#FFF;
	padding:0;
	display:inline-block;
	z-index:1002;
	transition:top .4s ease;
}

.top-bar {
	width:40px;
	height:4px;
	background-color:#02b;
	position:absolute;
	top:0;
	transition:transform .1s .1s ease-in-out;
	-webkit-transition:transform .1s .1s ease-in-out;
	-moz-transition:transform .2s .2s ease-in-out;
	-o-transition:transform .1s .1s ease-in-out;
}

.middle-bar {
	width:40px;
	height:4px;
	background-color:#02b;
	position:absolute;
	top:10px;
	transition:opacity 0 .1s linear;
	-webkit-transition:opacity 0 .1s linear;
	-moz-transition:opacity 0 .1s linear;
	-o-transition:opacity 0 .1s linear;
}

.bottom-bar {
	width:40px;
	height:4px;
	background-color:#02b;
	position:absolute;
	top:20px;
	transition:transform .1s .1s ease-in-out;
	-webkit-transition:transform .1s .1s ease-in-out;
	-moz-transition:transform .1s .1s ease-in-out;
	-o-transition:transform .1s .1s ease-in-out;
}

div.mobile-nav-toggle.open .top-bar {
	transform:rotate(45deg);
	-webkit-transition:rotate(45deg);
	-moz-transition:rotate(45deg);
	-o-transition:rotate(45deg);
	top:7px;
}

div.mobile-nav-toggle.open .middle-bar {
	opacity:0;
}

div.mobile-nav-toggle.open .bottom-bar {
	transform:rotate(-45deg);
	-webkit-transition:rotate(-45deg);
	-moz-transition:rotate(-45deg);
	-o-transition:rotate(-45deg);
	top:7px;
}

#cssmenu,#cssmenu ul,#cssmenu li,#cssmenu a {
	margin:auto;
	padding:0;
	border:0;
	list-style:none;
	font-weight:400;
	text-decoration:none;
	line-height:1em;
	font-size:18px;
	position:relative;
	text-align:left;
}

#cssmenu {
	width:100%;
	height: 100%;
	margin:auto;
	z-index:600;
	position:fixed;
	top: auto;
	background-color:rgba(0,0,0,0.80);
}

body.mobile #cssmenu {
	top:155px;
}

#cssmenu a {
	line-height:normal;
}

#cssmenu > ul > li {
	
}

#cssmenu > ul > li > a {
	display:block;
	line-height:20px;
	font-weight:400;
	text-transform:uppercase;
	color:#FFF;
}

#cssmenu > ul > li > a > span,#cssmenu > ul > li > ul > li > a > span {
	display:block;
	padding:8px 20px;
}

#cssmenu a:hover {
	text-decoration:none;
	color:#f7280e!important;
}

#cssmenu > ul > li.active,#cssmenu > ul > li.active > ul > li {
	border:none;
	color:#f7280e!important;
}

#cssmenu > ul > li.has-sub > a i.nav_plus,#cssmenu > ul > li > ul > li.has-sub > a i.nav_plus {
	float:right;
	display:inline-block;
}

#cssmenu > ul > li.has-sub > a i.nav_minus,#cssmenu > ul > li > ul > li.has-sub > a i.nav_minus {
	float:right;
	display:none;
}

#cssmenu > ul > li.has-sub.active > a i.nav_plus,#cssmenu > ul > li > ul > li.has-sub.active > a i.nav_plus {
	display:none;
}

#cssmenu > ul > li.has-sub.active > a i.nav_minus,#cssmenu > ul > li > ul > li.has-sub.active > a i.nav_minus {
	display:inline-block;
}

#cssmenu ul ul {
	display:none;
}

#cssmenu ul ul a {
	padding:5px 0 5px 25px;
	display:block;
	color:#FFF;
	font-size:16px;
	font-weight:400;
}

#cssmenu ul ul a span {
	padding:0 0 0 15px;
}

#cssmenu ul ul ul a {
	padding:5px 0 5px 60px;
	display:block;
	color:#FFF;
	font-size:16px;
	font-weight:400;
	line-height:20px;
}

#cssmenu ul ul ul a:before {
	left:90px;
}

footer {
	background-color:rgba(25, 25, 25, 0.71);
	color:#fff;
	padding: 8px 0 0;
	text-align:center;
}

#company_address, #company_phone, #company_email  {
	font-size:24px!important;
	font-weight:500;
	text-shadow: 2px 2px 0px black
}

@media screen and (max-width: 1200px) {
	#company_address, #company_phone, #company_email  {
	font-size:20px!important;
	}
	#social-footer img {
		height:45px;
		width: auto;
	}
}

@media screen and (max-width: 1100px) {
	#company_address, #company_phone, #company_email  {
	font-size:17px!important;
	}
	#social-footer img {
		height:40px;
		width: auto;
	}
}

@media screen and (max-width: 1000px) {
	#company_address, #company_phone, #company_email  {
	font-size:14px!important;
	padding-bottom: 10px;
	}
	#social-footer img {
		height:35px;
		width: auto;
	}
}

#copyright {
	color: #525252;
	font-size:.8em;
	padding: 5px 0 10px;
	text-align: center;
}

#copyright a {
	color: #525252;
}

footer a:link,footer a:visited {
	text-decoration:none;
	color:#fff;
}

footer a:hover {
	text-decoration:underline;
}

#social-footer {
	text-align:center;
	vertical-align: middle;
	padding-bottom: 5px;
}

#social-footer a {
	padding:0 10px;
}

#social-footer a:hover {
	color:#fff!important;
}

footer a.location:hover {
	color:#fff!important;
}

#back-top-wrapper div a {
	width:40px;
	height:40px;
	opacity:1;
}

#back-top {
	display:none;
}

#back-top-wrapper {
	position:fixed;
	right:20px;
	bottom:20px;
	overflow:hidden;
	z-index:10000;
}

#back-top span {
	display:block;
	width:40px;
	height:45px;
	-webkit-transition:1s;
	-moz-transition:1s;
	-o-transition:1s;
	transition:1s;
	color:#CCC;
	font-size:40px;
	opacity:.5;
}

#back-top span:hover {
	color:#f7280e;
	opacity:1;
}

@media screen and (max-width: 1152px) {
	#contact {
		top:25px;
	}
}

@media screen and (max-width: 874px) {
/*
	.logo,body.scroll .logo {
		top:0!important;
	}
*/
	
	#footer-top {
		font-size:1.2em;
	}
	
	body.scroll header {
		height:120px!important;
	}
/*
	
	header .logo img {
		width:226px!important;
	}
*/
	
	#sub_header {
		top:79px;
	}
	
	#contact {
		right:100px;
		top:15px;
	}
	

	
	body.mobile.scroll #cssmenu {
		top: 120px;
	}
	
	#mobile_nav {
		display:block;
	}
	
	body.scroll #mobile_nav {
		top: 30px;
	}
	
	nav {
		display:none;
	}
	
	blockquote {
		margin:5px 10px;
		padding:5px 30px;
	}
}

@media screen and (max-width: 681px) {
	body {
		font-size:14px;
	}
	

	
	#footer-top {
		font-size:1em;
	}
	
	#content {
		padding: 25px 0px;
	}
	
section.generic {
	width: 100%;
	box-shadow: none;
}
	
	body.mobile header {
		height:180px;
		transition:all .4s ease;
	}
	
	body.mobile.scroll header {
		height:120px;
	}
	
/*
	#content_container {
		margin-top:140px;
	}
*/
	
	#content h1 {
		text-align: center
	}
	
	#sub_header {
		top:180px;
	}

	
	#content {
		text-align:left;
	}
	
	body.scroll header,body.home.scroll header {
		height:140px!important;
	}
	
	body.mobile.scroll #cssmenu {
		top: 140px
	}
	
	.logo {
		left:0!important;
		right:0!important;
		text-align:center;
	}
	
	/* .logo a {
		display:block;
		width:250px;
		height:100px;
		margin:auto;
	} */
	
	/* body.scroll .logo {
		top:0!important;
		transition:all .4s ease;
	}
	
	body.scroll header .logo img {
		width:180px!important;
		transition:all .4s ease;
	} */
	

	
	#contact {
		top:93px;
		right:0;
		left:0;
		text-align:center;
	}
	
	body.scroll #contact {
		top:60px;
	}
	
	#mobile_nav {
		right:20px
	}
}

@media screen and (max-width: 425px) {
	.logo {
		top:0!important;
	}
	
	/* header .logo img {
		width: 100%;
		height: auto
	} */
	

	
	body.scroll .logo {
		top:0!important;
	}
	
	/* .logo a {
		width:220px!important;
	} */
	
	#mobile_nav {
		top: 120px;
		left:0!important;
		right:0!important;
		margin:0 auto;
	}
	
	body.scroll #mobile_nav {
		top: 110px;
		
	}
	
	body.scroll #mobile_nav {
		top: 82px;
		left:0!important;
		right:0!important;
		margin:0 auto;
	}
	
	body.mobile #cssmenu {
		top: 170px;
	}
	
	body.contact-us section.generic {
	background-size: 100%;
}
	
}

@media screen and (max-width: 300px) {
	.logo a {
		width:100%!important;
	}
	
	header .logo img {
		width:80%;
		height:auto;
		transition:width .4s ease,height .4s ease;
	}
	
}