/* =======================
Copyright:	3plains (www.3plains.com)
File: 		Main style sheet
Version:	2.4.5
======================= */

/* ========== RESET ============================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;
	vertical-align: baseline;
}
code { 
	font-family: monospace; 
	font-size: 16px; font-size: 1.6rem;
	line-height: 20px; line-height: 2rem;
}
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul {
	list-style: none;
	padding: 0 0 12px 0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
blockquote {
	margin: 15px 30px 30px;
	padding: 16px 20px 4px;
	background: #e5e5e5;
}
blockquote p { padding-bottom: 7px; }
::-webkit-input-placeholder { color: #999; }
:-moz-placeholder { color: #999; }
::-moz-placeholder { color: #999; }
:-ms-input-placeholder { color: #999; }
header, footer, nav { display: block; }
.clearfix:after {
     content: " "; 
     display: block; 
     height: 0; 
	 font-size: 0;
     clear: both; 
     visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
html { background: #000; }
.content ol, 
.content ul { 
	padding: 0 0 20px 40px; 
	margin: 0;
}
.content ol li,
.content ul li { padding: 0 0 5px 5px; }
.content ul { list-style: square outside; }
.content ol { list-style: decimal outside; }

/* ========== BODY ============================== */
html { font-size: 62.5%; }
body { 
	color: #000;
	background: url(/images/bg.jpg) top center repeat;
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
}
/* COLORS / THEME ITEMS */
a { text-decoration: underline; color: #d3761c; }
a:active,
a:focus,
a:hover { text-decoration: none; }
p { padding: 0 0 25px; }
*[class^=targets] p { color: #000; }
div.targets a h2,
div.targets p.title { color: #d3761c; }
header { 
	height: 250px;
	background: rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 2px 6px #000;
	box-shadow: 0 2px 6px #000;
	position: relative;
}
header > .wrap { height: 200px; }
header div.utils {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	padding: 0 15px;
	background: rgba(0,0,0,0.7);
}
header div.utils a {
	height: 100%;
	padding: 10px 15px 0;
	float: right;
	color: #fff;
}
header div.utils a.left { float: left; }
a.logo {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 374px;
	max-width: 100%;
	height: 160px;
	padding: 0;
	margin: 0 auto;
	z-index: 200;
}
a.logo img {
	max-height: 100%;
	width: auto !important;
	margin: 0 auto;
	display: block;
}
header p.cta {
	position: absolute;
	bottom: 60px;
	padding: 0;
	float: right;
	display: block;
}
header p.phone { left: 30px; }
header p.contact { right: 30px; }
header p.cta a {
	width: 150px;
	padding: 10px 15px 8px;
	text-decoration: none;
	float: right;
	color: #fff;
	border-radius: 20px; 
	-webkit-border-radius: 20px;
	text-align: center;
	background: #de7b1c;
	background: -webkit-linear-gradient(#f29740, #de7b1c);
	background: linear-gradient(#f29740, #de7b1c);
	text-shadow: 1px 2px 0 #a8601a;
}
div.menu {
	border-bottom: 2px solid #d3761c;
	border-top: 2px solid #d3761c;
	background: #000;
}
nav.main-nav,
nav.main-nav > ul { height: 46px; }
nav.main-nav > ul {
	padding: 0;
	display: inline-block;
}
nav.main-nav > ul > li a { color: #fff; }
nav.main-nav > ul > li ul li a:active,
nav.main-nav > ul > li ul li a:focus,
nav.main-nav > ul > li ul li a:hover,
nav.main-nav > ul > li:active > a,
nav.main-nav > ul > li:focus > a,
nav.main-nav > ul > li:hover > a,
nav.main-nav > ul > li > a.current { 
	background: #d3761c;
	color: #000;
}
nav.main-nav > ul > li > a > p { padding: 11px 12px 0; }
nav.main-nav > ul > li ul {
	border: 1px solid #d3761c;
	background: #000;
}
fieldset { 
	background: rgba(255,255,255,0.8); 
	color: #333;
}
div.cta-wrapper { padding: 0 0 30px; }
div.cta-wrapper .cta {
	width: 33.33%;
	padding: 30px 15px;
}
footer {
	border-top: 5px solid #d3761c;
	color: #ccc;
	background: rgba(0,0,0,0.6);
}
footer a { color: #fff; }
p.copy { color: #fff; }
p.copy a { color: #d3761c; }
.slider { 
	width: 100%;
	padding: 0;
}
#fishingsilider .owl-pagination { left: 0; }
#fishingsilider .owl-controls .owl-page span { background: #d3761c; }
*[class^=bar] { background: #000; }
div[class^=bar] p {
	padding: 14px 10px 3px 15px; 
	text-transform: uppercase;
}
*[class^=bar] p,
*[class^=bar] a { color: #fff; }
*[class^=bar] span { color: #f00; }
.sxs { border-top: 1px solid #ccc; }
.paging-bar { background: #333; }
body > .wrapper { background: url(/images/tile.jpg) top center repeat; }
.content-block { 
	padding: 0 0 160px;
	background: rgba(255,255,255,0.4) url(/images/trees.png) bottom center repeat-x; 
}
.content p > img {
	max-width: 100%;
	height: auto !important;
	margin: 0 auto;
	display: block;
}
.filigree { display: none; }
*[class^=targets] div[class^=row] { border-bottom: 1px solid #ccc; }
div.group { border-bottom: 2px solid #666; }
.paging-bar .count p { color: #fff; }
.pagination a p { 
	color: #d3761c;
	border: 1px solid #d3761c;
}
.pagination p.current,
.pagination a p:hover, 
.pagination a p:active, 
.pagination a p:focus { 
	background: #d3761c;
	color: #fff;
	border: 1px solid #d3761c;
}
.pagination p {
	color: #999;
	border: 1px solid #999;
	background: #fff;
}
div[class^=form-row].discounts {
	background: #e5f4ff;
	border: 1px solid #00f;
}
div[class^=form-row].discounts p.check-label { color: #00f; }

/*
	font-family: 'Oswald', sans-serif;
*/
nav.main-nav p,
h1, h2, h3, h4, h5, h6 {
	font-family: 'Oswald', Arial, sans-serif;
	font-weight: normal;
}

/* FONT SIZES AND H TAGS */
div.targets p.title,
body {
	font-size: 22px; font-size: 2.2rem;
	line-height: 34px; line-height: 3.4rem;
}
/* 12 */
p.copy {
	font-size: 12px; font-size: 1.2rem; 
	line-height: 20px; line-height: 2rem;
}
/* 14 */
header div.utils a,
#Breadcrumb,
div.hours .box p,
nav.main-nav > ul > li ul li a p,
form label,
form p {
	font-size: 14px; font-size: 1.4rem;
	line-height: 20px; line-height: 2rem;
}
/* 16px */
*[class^=bar] p.right,
.paging-bar,
.button,
form input[type=submit],
.content ul li,
.content ol li {
	font-size: 16px; font-size: 1.6rem;
	line-height: 24px; line-height: 2.4rem;
	vertical-align: middle;
}
/* 18px */
header p.cta,
div[class^=bar] p.title,
nav.main-nav > ul > li > a > p {
	font-size: 18px; font-size: 1.8rem;
	line-height: 24px; line-height: 2.4rem;
}
/* 30 */
div.targets div.row p.title {
	font-size: 30px; font-size: 3rem;
	line-height: 38px; line-height: 3.8rem;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	color: #689c6d;
	font-weight: bold;
}
footer h3 { 
	color: #d3761c; 
	text-shadow: 2px 3px 3px #000;
	font-weight: bold;
}
/* 38px */
h1 { 
	padding: 15px 0 30px; 
	font-size: 38px; font-size: 3.8rem;
	line-height: 46px; line-height: 4.6rem;
	font-style: normal;
}
h2 { 
	font-size: 30px; font-size: 3rem;
	line-height: 38px; line-height: 3.8rem;
	padding: 0 0 20px;
}
h3 { 
	font-size: 24px; font-size: 2.4rem;
	line-height: 32px; line-height: 3.2rem;
	padding: 0 0 18px;
}
h3 a {
	font-size: 18px; font-size: 1.8rem;
	line-height: 24px; line-height: 2.4rem;
}
footer h3 {
	font-size: 30px; font-size: 3rem;
	line-height: 38px; line-height: 3.8rem;
}
h4 {
	font-size: 20px; font-size: 2rem;
	line-height: 26px; line-height: 2.6rem;
	padding: 0 0 16px;
}
h5 {
	font-size: 18px; font-size: 1.8rem;
	line-height: 24px; line-height: 2.4rem;
	padding: 0 0 16px;
}
h6 {
	font-size: 18px; font-size: 1.8rem;
	line-height: 24px; line-height: 2.4rem;
	padding: 0 0 16px;
}
.button,
form input[type=submit] {
	background: #f18e2f;
	color: #000;
	border: 1px solid #000;
}
/* Google lead services */
iframe[name="google_conversion_frame"]{
    position: fixed;
	bottom: 0;
	left: 0;
}
.wrap {
	width: 1200px;
	max-width: 100%;
}
.section {
	width: 100%;
	padding: 30px 0 0;
	float: left;
}

/* ========== HEADER ============================== */
header { 
	width: 100%;
	margin: 0;
	z-index: 1980;
	display: block;
}
header .wrap { 
	position: relative;
	width: 100%;  
	margin: 0 auto; 
	display: block;
}
#Breadcrumb {
	width: 100%;
	min-height: 50px;
	padding: 0 0 5px;
}
#Breadcrumb ul { 
	max-width: 1200px;
	padding: 9px 0 0 15px;
	margin: 0 auto;
	display: block; 
}
#Breadcrumb ul li { 
	padding: 6px 5px 6px 0;
	display: inline-block;
}

/* ========== NAVIGATION ============================== */
div.menu { width: 100%; }
nav.main-nav {
    position: relative;
    text-align: center;
}
nav.main-nav > ul > li {
	height: 100%;
    text-transform: uppercase;
    float: left;
}
nav.main-nav > ul > li.mobile { display: none; }
nav.main-nav > ul > li > a {
	height: 100%;
    font-weight: normal;
    text-decoration: none;
	display: block;
}
nav.main-nav > ul > li ul {
    position: absolute;
    width: 210px;
    padding: 5px;
    visibility: hidden;
	z-index: 500;
}
nav.main-nav > ul > li:hover ul,
nav.main-nav > ul > li:active ul,
nav.main-nav > ul > li:focus ul { visibility: visible; }
nav.main-nav > ul > li ul li {
    width: 100%;
	float: left;
}
nav.main-nav > ul > li ul li a {
    width: 100%;
	padding: 9px 0;
	float: left;
}
nav.main-nav > ul > li ul li a p {
	padding: 0 10px;
	float: left;
	text-align: left;
}

/* ========== CONTENT ============================== */
div.imageWrap {
	max-width: 50%;
	padding: 7px 0 20px 35px;
	float: right;
}
div.imageWrap img {
	max-width: 100%;
	height: auto !important;
	float: left;
}
.slider { 
	max-width: 100%;
	margin: 0 auto;
	position: relative;
}
#fishingsilider .owl-controls {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	z-index: 200px;
}
#fishingsilider .owl-pagination {
	position: absolute;
	bottom: 20px;
	height: 20px;
	padding: 0 10px;
	float: left;
	text-align: left;
}
#fishingsilider .owl-controls .owl-page {
	width: 25px;
	height: 20px;
	padding: 2px 5px 3px;
	float: left;
}
#fishingsilider .owl-controls .owl-page span {
	width: 15px;
	height: 15px;
	margin: 0;
	float: left;
	border-radius: 15px; 
	-webkit-border-radius: 15px;
}
#fishingsilider .owl-buttons {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 60px;
	padding: 0 20px;
	margin: -40px 0 0;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev { 
	float: left;
	background-position: left top; 
}
.owl-theme .owl-controls .owl-buttons div.owl-next { 
	float: right;
	background-position: right top; 
}
.owl-theme .owl-controls .owl-buttons span { display: none; }
.wrapper {
	width: 100%;
	height: 100%;
}
.content-block { 
	margin: 0; 
	clear: both;
}
.content { 
	width: 1200px;
	max-width: 100%;
	min-height: 400px;
	margin: 0 auto; 
	padding: 30px;
}
.hero-interior {
	width: 100%;
	max-width: 100%;
	padding: 0;
}
.hero-interior img {
	max-width: 100%;
	height: auto !important;
	margin: 0 auto;
	display: block;
}
div.cta-wrapper {
	width: 100%;
	float: left;
}
div.cta-wrapper .cta { float: left; }
div.cta-wrapper .cta a {
	width: 100%;
	float: left;
}
div.cta-wrapper .cta img {
	max-width: 100%;
	height: auto !important;
	float: left;
}
*[class^=bar] {
	min-height: 50px;
	clear: both;
}
*[class^=bar] a.right, 
*[class^=bar] p.right {
	padding: 14px 20px 0 0;
	float: right;
}
*[class^=bar] p.right { text-transform: capitalize; }
*[class^=bar] a { font-weight: normal; }
*.bar-head { 
	width: 100%;
	float: left;
	border-radius: 0;
}
div.bar-head p { float: left; }
*[class^=bar] select {
	margin: 10px 8px 0 0;
	float: right;
}
*[class^=bar] input[type=submit].small { float: right; }
*.bar-head select,
*.bar-head input[type=submit].small { float: left; }
*[class^=bar] img.icon {
	margin: 0;
	padding: 16px 20px 5px;
	float: right;
	background: none;
}
.content h1 { width: 100%; }

/* ========== CONTENT PHOTOS ============================== */
.sxs { 
	width: 100%; 
	margin: 0;
	padding: 40px 0 20px;
	float: left;
}
.sxs-inner { padding: 0; }
.sxs-inner h2,
.sxs-inner h3,
.sxs-inner h4 { margin: 0; }

/* ========== FOOTER ============================== */
footer { 
	width: 100%;
	text-align: center;
}
footer .wrap { 
	margin: 0 auto; 
	padding: 20px;
}
footer h3 { padding: 5px 0 10px; }
footer p { padding: 0 0 5px; }
footer p.icons { padding-top: 10px; }
footer img.logo-foot {
	max-height: 100px;
	width: auto !important;
}
img.sicon {
	width: 30px;
	height: 30px;
	padding: 0 5px;
}
div.copy {
	width: 100%;
	padding: 10px 0;
	text-align: left;
}
p.copy { 
	padding: 8px 20px; 
	float: left;
}
p.copy a { font-weight: normal; }
div.copy div.icons {
	padding: 10px 15px 0 0;
	float: right;
}
div.copy div.icons a { float: right; }
div.copy img.icon {
	max-width: 25px;
	height: auto !important;
	padding: 2px 5px 0;
	float: right;
}

/* ========== VIDEOS ============================== */
div.video {
	width: 100%;
	padding: 30px 0 0;
}
div.video .video-d { padding: 20px 20px 0; }
.inline-vid-wrapper {
	width: 100%;
	padding: 0;
}
.EmbeddedVideo {
	max-width: 920px;
	height: 0;
	margin: 0 auto;
	padding: 30px 0 50%;
	overflow: hidden;
	position: relative;
}
.EmbeddedVideo iframe, 
.EmbeddedVideo embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ========== PHOTO GALLERY ============================== */
/* ==>  Swipebox  ---------------------------------------------------------------------------------------- */
#Body #swipebox-overlay { background: rgba(0,0,0,0.8); }
#Body #swipebox-close {
	width: 100px;
	height: 100px;
	right: 20px;
	top: 20px;
	background-size: 500px 100px;
	background-position: 0 0;
}
/* COLS AND INDEXES */
div.targets {
	width: 100%;
	padding: 0 0 20px;
	float: left;
}
*[class^=targets] div[class^=row] {
	width: 100%;
	padding: 35px 20px 0;
	float: left;
}
#Rows { 
	padding-top: 0;
	margin: 15px 0 0; 
}
*[class^=targets] > a {
	width: 100%;
	float: left;
}
*[class^=targets] a { text-decoration: none; }
*[class^=targets] p { font-weight: normal; }
*[class^=targets] a:hover, 
*[class^=targets] a:active, 
*[class^=targets] a:focus { text-decoration: none; }
*[class^=targets] a:hover p[class^=title], 
*[class^=targets] a:active p[class^=title], 
*[class^=targets] a:focus p[class^=title] { text-decoration: underline; }
*[class^=targets] ul li { float: left; }
*[class^=targets] div.data { padding: 0 0 10px; }
div.targets ul {
	width: 100%;
	padding: 30px 0 0;
	margin: 0;
	float: left;
	list-style: none;
}
div.group {
	width: 100%;
	padding: 20px 0 25px;
	float: left;
}
div.group ul { 
	padding: 0 0 5px 20px; 
	list-style: square outside;
}
div.targets ul > li {
	width: 25%;
	padding: 0 10px;
	float: left;
	text-align: center;
	background: none;
}
div.group ul > li { 
	padding: 0 20px 0 0;
	text-align: left; 
}
div.group ul > li p { display: inline; }
div.targets p.title {
	clear: both;
	padding: 11px 0 3px;
	text-align: center;
}
div.targets div.row p.title {
	padding: 5px 0 15px;
	text-align: left;
	clear: none;
}
div.targets ul[class~="two"] li { 
	width: 50%; 
	padding: 10px 20px 15px;
}
div.group ul[class~="two"] li { padding: 0 20px 0 0; }
#Portfolio ul[class~="two"] a { 
	width: 100%;
	float: left;
	position: relative;
}
div.targets div.row p.info { padding: 0 0 10px; }
div.targets p.overview { padding: 0 0 20px; }
div.targets div.row a.right { 
	max-width: 50%;
	padding: 0 0 25px 30px;
	float: right; 
}
div.targets div.row img.right {
	max-width: 100%;
	height: auto !important;
	float: right;
}
div.targets div.row a.button {
	width: 200px;
	float: left;
	text-align: center;
}
div.targets div.data { padding: 0 0 35px; }
div.targets div.scalebox {
	width: 100%;
	height: 200px;
	position: relative;
}
div.targets div.scalebox > p {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	padding: 0;
}
div.targets div.scalebox img {
	width: auto;
	height: auto !important;
	max-height: 180px;
	max-width: 100%;
	margin: 0 auto;
	float: none;
	display: block;
}
.sxs img,
*[class^=targets] div[class^=row] img {
	max-width: 400px;
	height: auto !important;
	border: 0;
	padding: 0 0 20px 25px;
	float: right;
}
@media only screen and (max-width : 900px) {
	nav.main-nav > ul > li > a > p {
		padding: 12px 10px 0;
		font-size: 14px; font-size: 1.4rem;
		line-height: 20px; line-height: 2rem;
	}
	div.targets div.scalebox { height: 140px; }
	div.targets div.scalebox img { max-height: 140px; }
	div.targets p.title {
		font-size: 18px;
		line-height: 24px;
	}
	*[class^=targets] div[class^=row] img { max-width: 200px; }
	header p.cta { bottom: 10px; }
	header p.phone { left: 10px; }
	header p.contact { right: 10px; }
}
@media only screen and (max-width : 700px) {
	.content { padding: 10px; }
	div.targets ul { padding: 0; }
	div.group ul { padding: 0 0 0 20px; }
	div.targets ul > li { 
		width: 50%; 
		padding-top: 20px;
	}
	div.group ul > li { padding-top: 0; }
	div.group ul.two > li { width: 100%; }
	div.targets ul > li:nth-child(3) { clear: both; }
	div.targets div.scalebox { height: 200px; }
	div.targets div.scalebox img { max-height: 200px; }
}
@media only screen and (max-width : 480px) {
	div.targets ul > li { 
		width: 100%; 
		padding-top: 30px;
	}
	div.group ul > li { padding-top: 0; }
	div.targets div.scalebox > p {
		position: relative;
		float: left;
	}
	div.targets div.scalebox { height: auto !important; }
	div.targets div.scalebox img { max-height: auto; }
}

/* ========== PAGINATION ============================== */
.paging-bar { 
	width: 100%;
	min-height: 50px;
	float: left;
}
.paging-bar > div { padding: 10px; }
.paging-bar > div.count { 
	width: 35%;
	padding: 13px 0 0 10px;
	float: left;
}
.paging-bar p { padding: 0; }
.pagination {
	width: 60%;
	padding: 10px 0;
	float: right;
	text-align: right;
}
.pagination a,
.pagination > p { margin: 0 0 0 5px; }
.paging-bar p,
.pagination a { display: inline-block; }
.pagination p { 
	min-width: 30px;
	min-height: 30px;
	padding: 3px 11px 0;
	text-align: center;
}
.pagination p.ellipsis {
	min-width: 10px;
	padding: 3px 2px 0;
}

/* ========== FORMS ============================== */
div.hours {
	width: 32%;
	margin: 0 0 30px;
	float: right;
}
#MainForm {
	width: 65%;
	padding: 0;
	float: left;
	clear: none;
}
@media only screen and (max-width: 750px) {
	#MainForm,
	div.hours {	width: 100%; }
}
div.hours .box {
	width: 100%;
	padding: 0 0 5px;
}
div.hours .box h6,
div.hours .box p { padding: 12px 15px 5px; }
.button {
	min-height: 40px;
	padding: 8px 20px 0;
    text-align: center;
    text-decoration: none;
	display: inline-block;
}
form input[type=submit] {
	height: 40px;
	padding: 0 20px;
	cursor: pointer;
}
input[type=submit].small {
	height: 30px;
	min-height: 30px;
	padding: 0 5px;
}
/* ==>  Form Inputs ---------------------------------------------------------------------------------------- */
input[type=text], 
input[type=password], 
textarea, 
select, 
input[type=email], 
input[type=tel], 
input[type=search] { 
	min-height: 30px;
	float: left; 
}
@media (pointer:coarse) {
	input[type=text], 
	input[type=password], 
	textarea, 
	input[type=email], 
	input[type=tel], 
	input[type=search] { min-height: 40px; }
}
#recaptcha_widget_div input[type=text] { min-height: 0; }
select { height: 30px; }
@media (pointer:coarse) {
	input[type=submit].small { padding: 0 10px; }
}
*[class^=bar] input[type=submit].small { margin: 10px 10px 0 0; }
input[type=text], 
input[type=password], 
input[type=email], 
input[type=tel] {
	padding: 4px 2px;
	margin: 0;
}
textarea {
	width: 100%;
	height: 100px;
	padding: 3px 1%;
	margin: 0;
}
input[type=checkbox], 
input[type=radio] {
	width: 14px;
	height: 14px;
	margin: 7px 10px 0;
	float: left;
}
select { margin: 2px 0 0; }
input[type=text], 
input[type=email], 
input[type=tel], 
select { width: 240px; }
input.short { width: 150px; }
input.shorter { width: 110px; }
input.security { width: 86px; }
label { cursor: pointer; }
/* form fields */
input[type=text], 
input[type=password], 
textarea, 
select, 
input[type=email], 
input[type=tel], 
input[type=search] { border: 1px solid #666; }
input[type=text]:focus, 
input[type=password]:focus, 
textarea:focus, select:focus, 
input[type=email]:focus, 
input[type=tel]:focus, 
#globalSearch input[type=search]:focus {
	-webkit-box-shadow: 0 0 3px #999;
	box-shadow: 0 0 3px #999;
}

/* ========== CONTACT PAGE CSS START ============================== */
div[class^=form-row] label span { float: left; }
.form-wrapper {
	width: 100%;
	padding: 0 15%;
	margin: 0 auto;
	clear: both;
}
fieldset {
	width: 100%;
	max-width: 100%;
	padding: 10px 5px;
	float: left;
}
fieldset p { padding: 0 10px 10px; }
div[class^=form-row] {
	width: 100%;
	max-width: 100%;
	padding: 0 0 5px;
	float: left;
}
div[class^=form-row] ul { list-style: none; }
div[class^=form-row].discounts {
	padding: 5px 10px 7px 0;
	margin: 5px 0 10px;
}
div.check-row { 
	padding: 5px 20px 20px 27%;
	float: left;
}
div.form-row-bottom { padding: 15px 0; }
div[class^=form-row] p { padding: 3px 0 0 0; }
div.form-row-bottom p { padding: 0 0 0 10px; }
div[class^=form-row] p.field-link {
	padding: 4px 0 0 10px;
	float: left;
}
div[class^=form-row] p.check-label { padding: 6px 0 0 35px; }
div[class^=form-row] > label {
	width: 25%;
	padding: 10px 20px 0 10px;
	text-align: right;
	float: left;
	position: relative;
}
div[class^=form-row] > label span {
	position: absolute;
	top: 7px;
	right: 10px;
	color: #f00;
}
div[class^=form-row] > label.check {
	width: auto;
	padding: 0;
	text-align: left;
}
div[class^=form-row] div.sub-row {
	width: 100%;
	padding: 10px 0 0;
	float: left;
}
div[class^=form-row] label.divider { 
	width: auto; 
	padding: 2px 10px 0; 
	float: left;
}
div[class^=form-row] p.field-divider {
	padding: 4px 10px 0;
	float: left;
}
div[class^=form-row] div.field {
	width: 60%;
	padding: 5px;
	float: left;
}
div[class^=form-row] ul {
	width: 100%;
	padding: 0;
	float: left;
}
div[class^=form-row] ul.two li {
	width: 50%;
	float: left;
}
div[class^=form-row] p.submit-alt {
	padding: 15px 0;
	text-align: center;
}
#recaptcha_table input[type=text] { 
	width: 140px !important;
	padding: 0; 
	float: none; 
}
.form-button {
	margin: 0 auto;
	display: block;
}
/* ==>  Form Alerts ---------------------------------------------------------------------------------------- */
div[class^=form-row] p.error { display: none; }
div.form-row-error p.error {
	color: #fff;
	margin: 0;
	padding: 5px 10px 0 0;
	text-align: left;
	clear: left;
	display: block;
}
div.form-row-error div.field { 
	background: #f00;
	border: 1px solid #f00;
	border-radius: 4px; 
	-webkit-border-radius: 4px;
}
div.form-row-error input[type=text], 
div.form-row-error input[type=password], 
div.form-row-error textarea, 
div.form-row-error select, 
div.form-row-error input[type=email], 
div.form-row-error input[type=tel], 
div.form-row-error input[type=search] { border: 1px solid #f00; }
.alert-confirm, .alert-error {
	min-height: 60px;
	padding: 9px;
	margin: 0 0 20px;
	clear: both;
}
.form-wrapper .alert-error { margin: 0; }
.alert-confirm {
	border: 1px solid #390;
	background: #dafbca url(/images/alert-success.png) 9px 9px no-repeat;
}
.alert-error {
	border: 1px solid #f00;
	background: #ffe3e3 url(/images/alert-error.png) 9px 9px no-repeat;
}
.alert-confirm p, 
.alert-error p {
	padding: 8px 0 0 50px;
	color: #000;
}
@media only screen and (max-width : 900px) {
	.form-wrapper { padding: 0; }
}
@media only screen and (max-width : 600px) {
	*[class^=bar] select { width: 130px; }
	div.hours {
		width: 100%;
		margin: 0 0 20px;
	}
	fieldset { float: none; }
	.field textarea { 
		width: auto;
		min-width: 100%; 
	}
	.form-wrapper { 
		width: 100%; 
		border: none;
		background: none;
	}
	div[class^=form-row] > label {
		width: 100%;
		padding: 5px 0 0 10px;
		text-align: left;
	}
	div[class^=form-row] > label span {
		left: 0;
		right: auto;
	}
	div[class^=form-row] div.field { 
		width: 100%;
		padding: 2px 0 5px;
	}
	div.form-row-error div.field { padding: 5px; }
	input[type=text], 
	input[type=email], 
	input[type=tel], 
	select { width: 100%; }
	input[type=text], 
	input[type=email], 
	input[type=tel] { padding: 4px 5px; }
	div.check-row { padding-left: 0; }
}

/* ========== Custom Hunt Table ================================= */
div.FloatTable {
	width: 100%;
	max-width: 700px;
	margin: 20px auto;
	display: block;
	background: #807b75;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
}
div.FloatTable ul {
	width: 100%;
	padding: 0;
	margin: 0;
	float: left;
	border-bottom: 1px solid #333;
	list-style: none;
}
div.FloatTable ul.head { 
	background: #000;
	position: relative;
}
div.FloatTable ul li {
	width: 50%;
	padding: 0;
	float: left;
	text-align: center;
	border-left: 1px solid #333;
	background: none;
	line-height: 16px;
}
div.FloatTable.threecol ul li { width: 33.33%; }
div.FloatTable ul li.rhead { background: #ff8d0b; }
div.FloatTable ul li p {
	width: 100%;
	padding: 10px 10px 13px;
	margin: 0;
	float: left;
}
div.FloatTable ul.head li p { 
	color: #fff;
	font-weight: bold;
	font-size: 16px;
}
@media only screen and (max-width : 550px) {
	div.FloatTable ul.head li p,
	div.FloatTable ul li p { 
		font-size: 12px; 
		line-height: 16px;
	}
}
@media only screen and (max-width : 400px) {
	div.FloatTable.threecol ul.head li {
		height: 50px;
		position: relative;
	}
	div.FloatTable.threecol ul.head li p {
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 10px 15px 8px;
	}
}

/* ========== RESPONSIVE CSS START ============================== */
@media only screen and (max-width: 750px) {
	body { 
		font-size: 18px; font-size: 1.8rem;
		line-height: 32px; line-height: 3.2rem;
	}
	/* ========== SIDE MENU CSS START ============================== */
	#cd-menu-trigger {
        position: absolute;
        right: 10px;
        top: 10px;
        width: 60px;
		height: 60px;
		background: #000;
		z-index: 229;
		transition: all .3s linear; 
	    -webkit-transition: all .3s linear;
    }
	.lateral-menu-is-open #cd-menu-trigger { 
		right: 250px;
		position: fixed;
	}
    #cd-menu-trigger .cd-menu-text {
        height: 100%;
        text-transform: uppercase;
        display: none;
    }
    #cd-menu-trigger .cd-menu-icon {
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 27px;
        width: 40px;
        height: 6px;
        background: #d3761c;
    }
    #cd-menu-trigger .cd-menu-icon::before, 
	#cd-menu-trigger .cd-menu-icon::after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: inherit;
        right: 0;
    }
    #cd-menu-trigger .cd-menu-icon::before { bottom: 15px; }
    #cd-menu-trigger .cd-menu-icon::after { top: 15px; }
    #cd-menu-trigger.is-clicked .cd-menu-icon { background-color: rgba(255, 255, 255, 0); }
    #cd-menu-trigger.is-clicked .cd-menu-icon::before, 
	#cd-menu-trigger.is-clicked .cd-menu-icon::after { background-color: #d3761c; }
    #cd-menu-trigger.is-clicked .cd-menu-icon::before {
        bottom: 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #cd-menu-trigger.is-clicked .cd-menu-icon::after {
        top: 0;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #cd-lateral-nav {
        position: fixed;
        height: 100%;
        top: 0;
		left: auto;
        right: 0;
		overflow-y: auto;
        visibility: hidden;
        z-index: 204;
        width: 250px;
        background-color: #000;
        -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
        transition: transform .4s 0s, visibility 0s .4s;
        -webkit-transform: translateX(251px);
        transform: translateX(251px);
    }
    #cd-lateral-nav .cd-navigation {
		width: 100%;
        margin: 0;
		padding: 0;
		float: left;
        display: block;
		background: #000;
    }
	nav.main-nav { text-align: left; }
	nav.main-nav > ul > li { border-bottom: 1px solid #d3761c; }
	nav.main-nav > ul > li.mobile { display: block; }
	nav.main-nav > ul > li.mobile a { width: 100%; }
    nav.main-nav > ul > li ul {
        width: 100%;
		padding: 0 10px 10px;
		float: left;
		display: block;
		position: relative;
		border: 0;
    }
	#cd-lateral-nav.lateral-menu-is-open {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        visibility: visible;
        -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
        -moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
        transition: transform .4s 0s, visibility 0s 0s;
        /* smooth the scrolling on touch devices - webkit browsers */
        -webkit-overflow-scrolling: touch;
    }
	nav.main-nav > ul > li > a > p { 
		padding: 12px 10px; 
		font-size: 18px; font-size: 1.8rem;
		line-height: 24px; line-height: 2.4rem;
	}
    /* ========== HEADER CSS START ============================== */
	header { 
		height: 82px; 
		border-bottom: 2px solid #d3761c;
	}
	header .wrap { height: 80px; }
	header div.utils { display: none; }
	a.logo { 
		right: auto;
		width: 187px;
		height: 80px;
		padding: 5px 0;
	}
	header p.cta { display: none; }
	/* ========== MENU CSS START ============================== */
	div.menu { border: 0; }
	nav.main-nav > ul,
	nav.main-nav > ul > li,
	nav.main-nav > ul > li > a { height: auto; }
	nav.main-nav > ul > li ul { visibility: visible; }
	nav.main-nav > ul > li { width: 100%; }
    
    /* ========== MIDDLE CSS START ============================== */
	.slider { padding: 0; }
	.owl-theme .owl-controls .owl-buttons div { background-size: 60px 36px; }
	.owl-theme .owl-controls .owl-buttons div.owl-prev { background-position: 20px 12px; }
	.owl-theme .owl-controls .owl-buttons div.owl-next { background-position: -30px 12px; }
	#fishingsilider .owl-buttons { padding: 0; }
    .content-block {
        margin: 0;
        width: 100%;
    }
    h1 { 
		font-size: 28px; font-size: 2.8rem;
		line-height: 36px; line-height: 3.6rem;
	}
	h2 { 
		font-size: 22px; font-size: 2.2rem;
		line-height: 30px; line-height: 3rem;
	}
	h3 { 
		font-size: 18px; font-size: 1.8rem;
		line-height: 26px; line-height: 2.6rem;
	}
	h3 a {
		font-size: 16px; font-size: 1.6rem;
		line-height: 24px; line-height: 2.4rem;
	}
	h4, h5, h6 {
		font-size: 14px; font-size: 1.4rem;
		line-height: 22px; line-height: 2.2rem;
	}
	div.copy div.icons {
		width: 100%;
		padding: 10px 0 0;
		float: none;
		text-align: center;
	}
	div.copy div.icons a { float: none; }
	div.copy img.icon {
		padding: 2px 5px 0;
		float: none;
		display: inline;
	}
	p.copy { width: 100%; }
	
    /* ========== PAGE CSS START ============================== */
	.paging-bar { padding-bottom: 7px; }
	.paging-bar > div.count, 
	.paging-bar > div.pagination { 
		width: 100%;
		padding: 7px 0 0;
		text-align: center;
	}
	.sxs img {
        max-width: 100%;
		margin: 0 auto;
		padding: 0 0 25px;
		float: none;
		display: block;
    }
	div.imageWrap { 
		width: 100% !important; 
		max-width: 100%;
		padding-left: 0;
	}
	div.imageWrap img {
		margin: 0 auto;
		float: none;
		display: block;
	}
}
@media only screen and (max-width: 600px) {
	body { 
		font-size: 16px; font-size: 1.6rem;
		line-height: 28px; line-height: 2.8rem;
	}
	div.cta-wrapper { padding: 0 0 30px; }
	div.cta-wrapper .cta {
		width: 100%;
		padding: 30px 0 0;
	}
	div.cta-wrapper .cta img {
		margin: 0 auto;
		float: none;
		display: block;
	}
	div[class^=bar] p.title,
	footer {
		font-size: 14px; font-size: 1.4rem;
		line-height: 20px; line-height: 2rem;
	}
	footer h3 {
		font-size: 16px; font-size: 1.6rem;
		line-height: 24px; line-height: 2.4rem;
	}
	div.targets div.row a.right { 
		max-width: 100%;
		padding: 0 0 10px;
	}
	div.targets div.data { padding: 0 0 30px; }
	*[class^=targets] div[class^=row] img { 
		max-width: 100%; 
		padding: 0 0 20px;
		margin: 0 auto !important;
		float: none;
		display: block;
	}
	div[class^=bar] p { padding-top: 18px; }
}