/* =======================
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;
}
.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; }
.sxs > br { display: none; }
.campaign-hidden-form { visibility: hidden; }

/* Reviews */
.romw-reviews {
    width: 100%;
    float: left;
}

/* ========== BODY ============================== */
html { 
	font-size: 62.5%; 
	background: #323232;
}
body { 
	color: #666;
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
}
/* COLORS / THEME ITEMS */
*[class^=targets] a p.title,
*[class^=targets] a h2,
a { text-decoration: underline; color: #6598c1; }
*[class^=targets] a,
a:active,
a:focus,
a:hover { text-decoration: none; }
p { padding: 0 0 25px; }
*[class^=targets] p { color: #666; }
header {
    min-height: 250px;
	background: url(/images/tile-head.jpg) top center repeat-x;
}
header > .wrap { height: 200px; }
#mText,
#mBook,
#mPhone,
#cd-menu-trigger { display: none; }
#cd-menu-trigger .cd-menu-icon { color: #000; }
#cd-menu-trigger .cd-menu-icon::before,
#cd-menu-trigger .cd-menu-icon::after { background: #6598c1; }
@media only screen and (max-width: 750px) {
    header { min-height: 72px; }
	header .wrap { height: 70px; }
	#cd-lateral-nav .cd-navigation { background: #414141; }
    #cd-menu-trigger.is-clicked { background: #ccc; }
    header { border-bottom: 2px solid #6598c1; }
    nav.main-nav > ul > li { border-bottom: 1px solid #6598c1; }
    nav.main-nav > ul > li ul li { padding: 10px 0 0; }
	header nav.main-nav > ul > li ul { background: #414141; }
    header nav.main-nav > ul > li ul li a {
        min-height: 50px;
        padding: 16px 0;
    }
    header a.logo { 
        top: 5px;
        left: 0;
		right: auto;
		width: 102px;
		height: 60px;
        padding: 0;
	}
    header nav.main-nav > ul > li > a > p {
        min-height: 50px;
		padding: 12px 10px 13px; 
		font-size: 18px; font-size: 1.8rem;
		line-height: 24px; line-height: 2.4rem;
	}
    #mText,
    #mBook,
    #mPhone {
        position: absolute;
        top: 10px;
        width: 50px;
        height: 50px;
        color: #fff;
        text-align: center;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        display: block;
        text-decoration: none;
    }
    #mBook {
        right: 70px;
        padding: 6px 0 0;
        background: #6598c1;
    }
    #mBook p { padding: 0; }
    #mPhone {
        right: 130px;
        background-color: #6598c1;
        background-image: url(/images/icon-call.png);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    #mPhone span { display: none; }
    #mText {
        right: 190px;
        padding: 6px 0 0;
        background: #6598c1;
    }
    #mText p { padding: 0; }
}
a.logo {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 340px;
	max-width: 100%;
	height: 100%;
	padding: 0;
	margin: 0 auto;
	z-index: 200;
}
a.logo img {
	max-height: 100%;
	width: auto !important;
	margin: 0 auto;
	display: block;
}
header .utils {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 8px;
	float: right;
	background: #5981b3;
    -webkit-border-radius: 0 0 0 5px;
	border-radius: 0 0 0 5px;
	text-shadow: 1px 2px 2px #000;
}
header .utils a { 
	padding: 9px 12px 12px;
	color: #fff;
	float: right;
}
header p.cta {
	position: absolute;
	top: 30px;
	padding: 0;
	float: right;
	display: block;
}
header p.phone { right: 30px; }
header p.contact { left: 30px; }
header p.cta a {
	width: 170px;
	min-height: 40px;
	padding: 6px 0 0;
	text-decoration: none;
	float: right;
	color: #fff;
	background: #5886aa;
	background: -webkit-linear-gradient(#6699c2, #5886aa);
	background: linear-gradient(#6699c2, #5886aa);
	border: 1px solid #aad1f0;
	text-align: center;
}
nav.main-nav {
	height: 50px;
	border-top: 2px solid #6495be;
	background: #414141;
	background: -webkit-linear-gradient(#606060, #414141);
	background: linear-gradient(#606060, #414141);
}
nav.main-nav > ul { height: 48px; }
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: #6598c1; }
nav.main-nav > ul > li > a > p { padding: 10px 15px 0; }
nav.main-nav > ul > li ul li a { padding: 9px 0; }
nav.main-nav > ul > li ul {
	border: 1px solid #6598c1;
	background: rgba(0,0,0,0.8);
}
fieldset { 
	background: #fff; 
	color: #000;
}
div.cta-wrapper { padding: 0 15px; }
div.cta-wrapper .cta {
	width: 33.33%;
	padding: 30px 15px;
}
footer {
	background: #323232;
	background: -webkit-linear-gradient(#5e5e5e, #323232);
	background: linear-gradient(#5e5e5e, #323232);
	border-top: 3px solid #6598c1;
	color: #fff;
}
footer .connect {
	width: 100%;
	padding: 20px 0 25px;
	float: left;
	background: #171717;
}
footer .connect .signup {
	width: 400px;
	padding: 0 15px;
	margin: 0 auto;
	display: block;
}
footer .connect .signup h4 {
	width: 100%;
	padding: 0 0 10px;
	float: left;
	text-align: center;
}
footer .connect .signup label {
	padding: 5px 15px 0 0;
	float: left;
}
footer .connect .signup input[type=email] { 
	width: 240px;
	float: left;
}
footer .connect .signup button,
footer .connect .signup input[type=submit].small { float: right; }
footer div.box { background: #171717; }
footer .box div.icons {
	width: 100%;
	padding: 10px 0 0;
	text-align: center;
}
footer .box div.icons h4 {
	width: 100%;
	padding: 0 0 5px;
	text-align: center;
}
footer .box .icons a {
	height: 50px;
    margin: 0 4px;
	display: inline-block; 
}
footer .box img.icon {
	max-width: 30px;
	height: auto !important;
	padding: 10px 5px;
	display: inline;
}
@media only screen and (max-width : 450px) {
	footer .connect .signup { width: 100%; }
	footer .connect .signup input[type=email] { width: 150px; }
}
footer .wrap { clear: both; }
div.copy { background: #171717; }
div.copy img.copy-logo {
    max-height: 50px;
    width: auto !important;
    float: left;
}
p.copy { color: #fff; }
p.copy a { color: #6598c1; }
*[class^=bar] { background: #171717; }
div[class^=bar] p {
	padding: 12px 15px; 
	text-transform: uppercase;
}
*[class^=bar] p,
*[class^=bar] a { color: #fff; }
*[class^=bar] span { color: #f00; }
.sxs { border-bottom: 1px solid #666; }
.paging-bar { background: #333; }
.content-block { background: #fff; }
.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: #6598c1;
	border: 1px solid #6598c1;
}
.pagination p.current,
.pagination a p:hover, 
.pagination a p:active, 
.pagination a p:focus { 
	background: #6598c1;
	color: #fff;
	border: 1px solid #6598c1;
}
.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: 'Crimson Text', Arial, sans-serif;
*/
*[class^=bar] p,
header p.cta a,
nav.main-nav p,
h1, h2, h3, h4, h5, h6 {
	font-family: 'Crimson Text', Arial, sans-serif;
	font-weight: normal;
}

/* FONT SIZES AND H TAGS */
div.targets p.title,
body {
	font-size: 20px; font-size: 2rem;
	line-height: 32px; line-height: 3.2rem;
}
/* 12 */
.image-wrap p,
p.copy {
	font-size: 12px; font-size: 1.2rem; 
	line-height: 20px; line-height: 2rem;
}
.image-wrap p { font-style: italic; }
#mText p,
#mBook p {
    font-size: 14px; font-size: 1.4rem; 
	line-height: 20px; line-height: 2rem;
}
/* 14 */
#Breadcrumb,
div.hours .box p,
form label,
form p {
	font-size: 14px; font-size: 1.4rem;
	line-height: 20px; line-height: 2rem;
}
/* 16px */
nav.main-nav > ul > li ul li a p,
button,
footer,
*[class^=bar] p,
.paging-bar,
a.button,
form input[type=submit] {
	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: 20px; font-size: 2rem;
	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: #000;
	font-weight: normal;
}
footer h4,
footer h2 { color: #fff; }
/* 38px */
h1 { 
	padding: 15px 0 10px; 
	font-size: 46px; font-size: 4.6rem;
	line-height: 54px; line-height: 5.4rem;
	font-style: normal;
}
h2 { 
	font-size: 38px; font-size: 3.8rem;
	line-height: 46px; line-height: 4.6rem;
	padding: 0 0 20px;
}
h3 { 
	font-size: 32px; font-size: 3.2rem;
	line-height: 40px; line-height: 4rem;
	padding: 0 0 18px;
}
h4 {
	font-size: 24px; font-size: 2.4rem;
	line-height: 30px; line-height: 3rem;
	padding: 0 0 16px;
}
h5, h6 {
	font-size: 18px; font-size: 1.8rem;
	line-height: 24px; line-height: 2.4rem;
	padding: 0 0 16px;
}
button,
div.anchor-bar a p,
a.button,
form input[type=submit] {
	background: #6598c1;
	color: #fff;
	border: 1px solid #fff;
}
/* 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;
}
#HomeSlide .galleria-theme-classic { background: #f00; }
.slider {
	width: 100%;
	max-width: 100%;
}
#HomeSlide .galleria-theme-classic .galleria-stage { 
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
}
#HomeSlide .galleria-info-link { display: none; }

/* ========== 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%;
	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;
}
.wrapper {
	width: 100%;
	height: 100%;
}
.content-block { 
	margin: 0; 
	clear: both;
}
.content { 
	width: 1100px;
	max-width: 100%;
	min-height: 400px;
	margin: 0 auto; 
	padding: 30px;
	clear: both;
}
.hero-interior {
	width: 100%;
	max-width: 100%;
}
.hero-interior img {
    width: 100%;
	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;
	margin: 0 auto;
	display: block;
}
*[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 10px 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: 35px 0 20px;
	float: left;
}
.sxs-inner h2,
.sxs-inner h3,
.sxs-inner h4 { margin: 0; }

/* ========== FOOTER ============================== */
footer { 
	width: 100%;
	text-align: center;
}
footer .wrap { 
	width: 100%;
	margin: 0 auto; 
	padding: 20px;
}
footer h2 { padding: 5px 0 25px; }
footer div.box {
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
	padding: 15px;
	display: block;
}
footer p { padding: 0 0 2px; }
footer p.links { padding: 20px 0 0; }
footer p.links a {
    padding: 0 10px;
    margin: 0 5px;
}
footer img.logo-foot {
	max-height: 100px;
	width: auto !important;
}
div.copy {
	width: 100%;
	padding: 12px 15px 10px;
	text-align: left;
}
p.copy { padding: 6px 20px 8px 90px; }
p.copy a { font-weight: normal; }

/* ========== 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 30px 10px;
	float: left;
}
#Rows { 
	padding-top: 0;
	margin: 15px 0 0; 
}
*[class^=targets] > a {
	width: 100%;
	float: left;
}
*[class^=targets] a p { 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] ul li { float: left; }
*[class^=targets] div.data { padding: 0 0 25px; }
div.targets ul[class~="two"] li div.data { padding: 0; }
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 ul[class~="two"] li p.title {
	padding: 0 0 5px;
	clear: none;
	text-align: left;
}
div.targets ul[class~="two"] li img {
	max-width: 200px;
	height: auto !important;
	padding: 0 0 15px 20px;
	float: right;
}
div.targets div.row p.title {
	padding: 5px 0 15px;
	text-align: left;
	clear: none;
}
div.targets ul[class~="two"] li { 
	width: 50%; 
	padding: 20px 20px 15px;
	text-align: left;
}
div.staff ul[class~="two"] li { 
	width: 48%;
	border: 1px solid #333;
}
div.staff ul[class~="two"] li:nth-child(2) { float: right; }
div.group ul[class~="two"] li { padding: 0 20px 0 0; }
#Portfolio ul[class~="two"] a { 
	width: 100%;
	float: left;
	position: relative;
}
#Portfolio.staff ul[class~="two"] a {
	width: auto;
	float: none;
}
div.targets div.row p.info { padding: 0 0 10px; }
div.targets div.overview,
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;
    padding: 0;
	float: right;
}
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,
.sxs p img {
    max-width: 100%;
	height: auto !important;
}
.sxs .image-wrap img {
	max-width: 100%;
	height: auto !important;
	border: 0;
	padding: 0;
	float: right;
}
*[class^=targets] div[class^=row] > img {
    max-width: 45%;
	height: auto !important;
	border: 0;
	padding: 0 0 30px 35px;
	float: right;
}
.sxs .image-wrap {
    max-width: 45%;
    padding: 0 0 30px 35px;
    float: right;
}
.image-wrap p { 
    padding: 5px 0 0;
    float: left;
}
div.block.center .image-wrap p { float: none; }
.sxs .sxs-inner {
	width: auto;
	padding: 0;
	float: none;
}
.sxs.left .image-wrap {
    padding: 0 0 25px;
	float: left;
}
.sxs.left img {
	padding: 0;
	float: left;
}
.sxs.left .sxs-inner { padding: 0 0 0 50%; }
div.block {
	width: 100%; 
	margin: 0;
	padding: 35px 0 20px;
	float: left;
}
div.block h2,
div.block h3,
div.block h4,
div.block h5,
div.block h6 { margin: 0; }
div.block.center .image-wrap {
    width: 100%;
    padding: 0 0 25px;
}
div.block.center img {
    max-width: 100%;
	height: auto !important;
	margin: 0 auto;
	display: block;
}
/*div.targets div.scalebox img,
.sxs.left img,
div.block.center img,
.sxs img,
*[class^=targets] div[class^=row] img {
    padding: 1px;
    -webkit-box-shadow: inset 0 0 0 1px #000;
	box-shadow: inset 0 0 0 1px #000;
}*/
@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; font-size: 1.8rem;
		line-height: 24px; line-height: 2.4rem;
	}
	div.targets div.row p.title {
		font-size: 22px; font-size: 2.2rem;
		line-height: 28px; line-height: 2.8rem;
	}
	*[class^=targets] div[class^=row] img { max-width: 200px; }
	div.targets ul[class~="two"] li img { max-width: 100px; }
}
@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; }
	div.staff ul[class~="two"] li { 
		width: 100%;
		margin: 20px 0 0;
	}
	div.staff ul[class~="two"] li:nth-child(2) { float: left; } 
	div.targets ul[class~="two"] li img {
		max-width: 100%;
		margin: 0 auto;
		padding: 0;
		float: none;
		display: block;
	}
	div.targets ul[class~="two"] li p.title { padding: 25px 0 5px; }
}
@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 4px; }
.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%;
	padding: 0 0 30px;
	float: right;
}
div.hours .box {
	width: 100%;
	padding: 0 0 5px;
}
div.hours .box p { padding: 12px 15px 5px; }
a.button {
	min-height: 50px;
	padding: 12px 20px 9px;
    text-align: center;
    text-decoration: none;
	display: inline-block;
}
form button,
form input[type=submit] {
	height: 50px;
	padding: 0 20px;
	cursor: pointer;
}
form button.small,
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) {
    button.small,
	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;
}
#MainForm {
	width: 65%;
	padding: 0;
	float: left;
	clear: none;
}
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;
    -webkit-border-radius: 4px;
	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;
}
.intro { padding: 0 370px 0 0; }
.content-block .intro h1 { margin: 0; }
.intro p {
	font-size: 16px; font-size: 1.6rem; 
	line-height: 24px; line-height: 2.4rem;
	padding: 0 0 20px;
	margin: 0;
}
div.anchor-bar {
	width: 100%;
	padding: 20px 0;
	float: left;
}
div.anchor-bar a {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	display: block;
	text-align: center;
}
div.anchor-bar a { text-decoration: none; }
div.anchor-bar a p {
	width: 100%;
	padding: 15px;
    -webkit-border-radius: 4px;
	border-radius: 4px;
}
@media only screen and (max-width : 750px) {
	.intro { 
		width: 100%;
		padding: 30px 0 0 0; 
		float: left;
	}
}
@media only screen and (max-width : 900px) {
	.form-wrapper { padding: 0; }
}
@media only screen and (max-width : 600px) {
	*[class^=bar] select { width: 120px; }
	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 ================================= */
table {
    width: 100%;
    margin: 0 0 30px;
    padding: 10px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #e5e5e5;
    border-collapse: collapse;
}
table tr { border-bottom: 1px solid #ccc; }
table td { padding: 8px 10px 5px; }
table td:nth-child(2) { text-align: right; }
div.hunts {
	width: 100%;
	max-width: 800px;
	margin: 0 auto 30px;
	display: block;
	background: #fff;
}
div.hunts .bar {
	width: 100%;
	float: left;
}
div.hunts .bar p { float: left; }
div.hunts .bar p.title { width: 70%; }
div.hunts .bar p.book { 
	width: 30%;
	text-align: right; 
} 
div.hunts ul {
	width: 100%;
	padding: 5px 0;
	float: left;
	list-style: none;
	border-bottom: 1px solid #333;
}
div.hunts ul.subhead { 
	background: #333;
	color: #fff;
	font-weight: bold;
}
div.hunts ul li { 
	padding: 8px 10px 5px;
	float: left; 
}
div.hunts ul li.col-one { width: 50%; }
div.hunts ul li.col-two,
div.hunts ul li.col-three { width: 25%; }
div.hunts ul li.col-two { text-align: center; }
div.hunts ul li.col-three {
	font-weight: bold;
	text-align: right; 
}
@media only screen and (max-width: 600px) {
	.content div.hunts ul li {
		font-size: 12px; font-size: 1.2rem; 
		line-height: 20px; line-height: 2rem;
	}
}

/* ========== 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: 50px;
		height: 50px;
		z-index: 229;
		transition: all .3s linear; 
	    -webkit-transition: all .3s linear;
		display: block;
    }
	.lateral-menu-is-open #cd-menu-trigger { 
		right: 260px;
		position: fixed;
	}
    #cd-menu-trigger .cd-menu-text {
        height: 100%;
        text-transform: uppercase;
        display: none;
    }
    #cd-menu-trigger .cd-menu-icon {
        position: absolute;
		top: 17px;
		left: 0;
		width: 50px;
		height: 14px;
		padding: 0;
		display: block;
		text-transform: uppercase;
		text-align: center;
    }
    #cd-menu-trigger .cd-menu-icon::before, 
	#cd-menu-trigger .cd-menu-icon::after {
        position: absolute;
		left: 0;
		width: 100%;
		height: 8px;
		display: block;
		content: "";
    }
	#cd-menu-trigger .cd-menu-icon::before { 
		top: -17px;
        -webkit-border-radius: 2px 2px 0 0;
		border-radius: 2px 2px 0 0;
	}
	#cd-menu-trigger .cd-menu-icon::after { 
		bottom: -19px;
        -webkit-border-radius: 0 0 2px 2px;
		border-radius: 0 0 2px 2px;
	}
	#cd-menu-trigger.is-clicked .cd-menu-icon::before,
	#cd-menu-trigger.is-clicked .cd-menu-icon::after { background: #fff; }
	#cd-menu-trigger.is-clicked { transform: rotate(180deg); }
	#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;
	}
	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;
    }
    /* ========== HEADER CSS START ============================== */
    header .utils,
	header p.cta { display: none; }
	/* ========== MENU CSS START ============================== */
	div.menu { border: 0; }
	nav.main-nav { text-align: left; }
	nav.main-nav > ul > li.mobile { display: block; }
	nav.main-nav > ul > li.mobile a {
		width: 100%;
		text-align: center;
	}
    nav.main-nav > ul > li {
        min-height: 50px;
        padding: 8px 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 ============================== */
	.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: 20px; font-size: 2rem;
		line-height: 28px; line-height: 2.8rem;
	}
	h4 {
		font-size: 18px; font-size: 1.8rem;
		line-height: 28px; line-height: 2.8rem;
	}
	h5, h6 {
		font-size: 16px; font-size: 1.6rem;
		line-height: 22px; line-height: 2.2rem;
	}
	#cd-menu-trigger .cd-menu-icon {
		font-size: 14px; font-size: 1.4rem; 
		line-height: 16px; line-height: 1.6rem;
	}
	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;
	}
	
    /* ========== 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.left .image-wrap,
    .sxs .image-wrap {
        max-width: 100%;
        padding: 0 0 25px;
        float: none;
    }
    .image-wrap p { float: none; }
    .sxs .image-wrap img,
	.sxs.left img,
	.sxs img {
        margin: 0 auto;
		float: none;
		display: block;
    }
	.sxs.left .sxs-inner { padding: 0; }
	div.imageWrap { 
		width: 100% !important; 
		max-width: 100%;
		padding-left: 0;
	}
	div.imageWrap img {
		margin: 0 auto;
		float: none;
		display: block;
	}
	#MainForm,
	div.hours {	width: 100%; }
}
@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,
	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 {
        width: 100%;
        padding: 10px 0 30px;
        float: left;
    }
	*[class^=targets] div[class^=row] img { 
		max-width: 100%; 
		padding: 0 0 20px;
		margin: 0 auto !important;
		float: none;
		display: block;
	}
}