﻿@charset "UTF-8";
/* CSS Document
Client: My Count Parks
Company: Informatics, Inc
Author: J Stephens
Date: 11 2014

Blue: #024873
Orange: #fb9d4a

*/

/* TYPOGRAPHY */
body {font-family: "Asap", sans-serif; font-weight: 400; font-size: 16px;}
h1, h2, h3 {color: #222; font-family: "Asap", sans-serif; font-weight: 700; color: #21658a;}
h1 {}
h2 {}
h3 {}
p.lead {font-weight: 300; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 21px; line-height: 28px; border-bottom: 1px solid #ccc; padding: 0 0 30px 0; margin: 0 0 30px 0;}
p {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #555; font-size: 15px;}
/* LINKS */
a {color: #eb9207;}
a:hover {color: #9d6610;}
a:focus {text-decoration: none;}
a:visisted {color: #9d6610}
.btn-primary {background-color: #267498; border-color: #1f5b76;}

/* Animate */
a, #header, .dropdown-menu, td , span.glyphicon, a.btn-map span, .result-item {
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear;
}

/* Mobile First */
#header {background: #333; margin: 0;  border: none; top:0px;}/*position:relative;width:100%;*/
#logo {width: 250px; float: left; display: block; padding: 0; margin: 10px 0 0 10px;}
#logo img {width: 100%; float: left;}
#toggle {top: 5px; right: -5px; background: #fb9d4a; border: none;}
#toggle .icon-bar {background: #fff; height: 3px;}
.navbar-collapse {border-top: none;}
#nav-main a, #nav-mini a {color: #fff; border-bottom: 1px solid rgba(255,255,255,.2);}
#nav-main .open > a {background: rgba(0,0,0,.5);}
.power-link {background: #cc8200; width: 100%; display: block; color: #fff; font-size: 18px; padding: 20px; box-shadow: 4px 4px 0 rgba(0,0,0,.1); font-weight: bold; text-transform: uppercase; letter-spacing: 2px; position: relative; margin: 0 0 5px 0;}
.power-link img {display: none;}
.power-link:hover {background: #e29816; color: #fff; text-decoration: none;}
#nav-main .dropdown-menu {background: #555;}
.dropdown-menu ul {padding: 0; list-style: none; margin-left: -5px;}
.dropdown-menu ul a {display: block; padding: 5px; opacity: .8;}
.dropdown-menu ul a:hover {opacity: 1;background: rgba(0,0,0,.5); text-decoration: none;}
.dropdown-menu h2 {color: #eb9207; font-weight: 400; font-size: 17px;}
#nav-counties li {width: 50%; float: left;}
.nav-explore {padding: 0 15px;}

#nav-search {padding: 0; position: relative; border: 0; margin: 0 0 10px 0;}
#nav-search button {position: absolute; right: 0; top: 0; border-color: #444; border-radius: 0 4px 4px 0;}
#nav-search input {border-color: #444; width: 100%;}

#splash {position: relative; overflow: hidden;}
/*#splash .slide {height: 300px;}*/
#splash .slide img {min-height:inherit; width: 150%;}
#splash .message {position: absolute; left: 50%; top: 70px; z-index: 300; text-align: center; width: 300px; margin-left: -150px;}
.message h3, .message h2 {color: #fff;}
.message h3 {font-family: Georgia, serif; font-weight: 400; text-transform: none; font-style: italic; font-size: 32px; margin: 15px 0 0 0;}
.message h2 {font-size: 38px;  letter-spacing: 3px; font-weight: bold;margin: 0 0 10px 0; text-transform: uppercase;}
.message span {display: inline-block; width: 200px; background: #fff; height: 10px; box-shadow: 4px 4px 0 rgba(0,0,0,.1);}

#controls {display: block; position: absolute; right: 0; bottom: 0; z-index: 300; text-align: center; width: 100%;}
#controls a {display: inline-block;}
#controls img {width: auto; width: 100%;}

#splash .slide p {position: absolute; left: 25px; bottom: 15px; color: #fff; display: inline-block; z-index: 500; background: rgba(0,0,0,.5); padding: 5px 10px; font-size: 13px; border-radius: 3px; border: 1px solid rgba(0,0,0,.8);}
#splash .slide p a:hover {color: #fff;}

.footer {border-top: 1px solid #ccc; margin: 20px 0 0 0; padding-bottom: 20px; text-align: center; color: #999;}
.footer p, .footer a {font-size: 12px; color: #999;}
.footer ul {padding: 20px 0 0 0; list-style: none;}
.footer li {display: inline-block;}
.footer li a {padding: 0 5px; color: #777;}

.sec #header {background: rgba(0,0,0,.7);}
#nav-main > li.nav-path-selected > a {color: #eb9207; opacity: 1;}
.sec-hdr {width: 100%; position: relative; overflow: hidden; padding: 30px 0 0 ; background: #000; margin: 0;}
.sec-hdr-text {z-index: 400; position: relative;}
.sec-hdr-text .breadcrumb {background: rgba(0,0,0,.5); display: inline-block; color:#D9D9DF; width: auto; word-wrap: break-word;}
.sec-hdr-text .breadcrumb a {color: #eb9207; text-decoration: underline !important;font-weight: normal;}
.sec-hdr-text .breadcrumb li {color: #ccc;}
.sec-hdr-text .breadcrumb .sitemapSeperator {color: #eb9207;}
.sec-hdr h1 {margin: 0; position: relative;  color: #fff; opacity: .85; text-shadow: 4px 4px 0 rgba(0,0,0,.4);}
.sec-hdr img {min-width: 100%; position: absolute; left: 0; bottom: 0; opacity: .8;}

.filter {background: #f2f2f2; border: 1px solid #ccc; padding: 10px; margin: 20px 0; border-radius: 3px; overflow: hidden;}
.filter .form-group {width: 100%; float: left;}
.filter .glyphicon {border: 1px solid #ccc; padding: 8.5px; border-radius: 3px; margin: -1px 0 0 0; background: #fff; color: #777; text-shadow: 1px 1px 0 #fff; float: left;}
.filter .short {width: 100px;}
.filter span {padding: 8px 0 00px 0; margin-right: 5px;}
.filter .pull-left {margin-right: 5px;}
.table {margin: 20px 0 0 0; box-shadow: 5px 5px 0 rgba(0,0,0,.05); font-size: 11px;}
.table thead {background: #eb9207; border-left: 1px solid #eb9207;border-right: 1px solid #eb9207; border-radius: 5px 5px 0 0;}
.table thead th {color: rgba(0,0,0,.6); color: #fff; font-weight: 700;}
.table tbody tr {border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
.table tbody {border-bottom: 1px solid #ccc;}
.table tr:hover td {background-color: rgba(0,0,0,.05) !Important;}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {background-color: #fbf7f0;}

.table .table-event a {display: block; font-size: 14px; font-weight: bold;}
.nav-ftr {background: #eb9207; padding: 0; overflow: hidden;color: rgba(0,0,0,.6)}
.nav-ftr .pagination {margin: 0; float: left;}
.nav-ftr .pagination a {color: rgba(0,0,0,.6); background: None; border: none; border-right: 1px solid rgba(0,0,0,.2); border-radius: 0 !important;}
.nav-ftr .pagination a:hover {background: rgba(255,255,255,.2); border-right: 1px solid rgba(0,0,0,.2); color: #222;}
.nav-ftr .pagination .active a {font-weight: bold; color: #fff; background: rgba(0,0,0,.2);}
.nav-ftr p {float: right; margin: 0; padding: 5px 10px 0 0; color: #fff; display: none;}

#tabs {background: #eb9207; margin: 0 0 20px 0; box-shadow: inset 0 -2px 2px 0 rgba(0,0,0,.2);}
#tabs ul {list-style: none; padding: 0;}
#tabs ul li {position: relative;}
#tabs ul a {color: rgba(0,0,0,.5); position: relative; padding: 10px 13px; text-transform: uppercase; font-weight: bold; font-size: 14px; border: 1px solid rgba(0,0,0,.2);text-shadow: 1px 1px 0 rgba(255,255,255,.2); width: 50%; float: left; margin: 0 -1px -1px 0;}
#tabs ul a:hover {background: rgba(255,255,255,.1); text-decoration: none;}
#tabs ul .active a {background: rgba(0,0,0,.1);}

.sidebar img {margin: 0 auto 20px auto; display: block; max-width :100%:}
.box {background: #fbf7f0; padding: 20px; border: 1px solid #ccc; margin: 0 0 20px 0; box-shadow: 5px 5px 0 rgba(0,0,0,.05);}
.box h3 {margin: 0 0 10px 0; font-size: 18px; color: #666; text-transform: uppercase; font-weight: bold;}
.sidebar .box ul {list-style: none; padding: 0;}
.sidebar .box ul a {display: block; border-bottom: 1px dotted #ccc; padding: 5px 5px 5px 10px;}
.sidebar .box ul a:hover {background: rgba(0,0,0,.05); text-decoration: none;}

/*.hpg-search {display: none;}*/

#sec-nav {margin-top: 40px;}
#sec-nav a {border-bottom: 1px solid #ccc; padding: 7px;}
#sec-nav a:hover {background: #fbf7f0;}
#sec-nav .active a {font-we ight: bold; color: #888;}
.main-content {padding-top: 20px;}
.sidebar {padding-top: 30px;}
.sidebar img {max-width: 100%;}

a.btn-map {display: block; margin: 25px 0 25px 0; padding: 10px; font-weight: bold; font-size: 16px; box-shadow: inset 0 25px 20px -5px rgba(255,255,255,.3); text-shadow: 1px 1px 1px rgba(0,0,0,.3);}

.results-hdr {color: #888; font-size: 13px; border-bottom: 1px solid #ddd; margin: 40px 0 25px 0; position: relative;}
.results-hdr span {background: #fff; position: absolute; left: 0; top: -8px; padding-right: 5px; text-transform: uppercase;}

span.label {padding: 5px 10px 5px 7px; background: #fb9d4a;}
.result-item {width: 100%; overflow: hidden; margin: 0; padding: 15px 0; position: relative; border-bottom: 1px solid #ccc;}
.result-item:hover {background: #f9f9f9;}

.result-item.featured {background: #fbf7f0; border: 1px solid #ddd; padding: 0; margin: 0 0 15px 0;}
.result-item .btn {position: absolute; right: 15px; bottom: 15px; width: 115px; font-size: 12px; padding: 5px 6px;}
.result-item img {float: left; margin: 0 20px 0 0; width: 100px;}
.result-item h3 {margin: 0;}
.result-item p {margin: 0; font-size: 13px; line-height: 16px; width :50%; float: left; padding: 5px 0;}
.result-item .result-type {background: rgba(0,0,0,.5); color: #fff; font-size: 12px; padding: 5px 8px; text-transform: uppercase; position: absolute; top: 15px; left: 0;}
.result-item.featured .result-type {top: 0; bottom: auto;}
.result-item.featured .btn {bottom: 15px;}
.result-item.featured p {padding: 2px;}

.result-sidebar {margin: 0 0 0 0; border-radius: 5px; overflow:hidden;}
.result-sidebar a {display: block; background: #777; color: #fff; text-tra nsform: uppercase; padding: 8px 10px; border-bottom: 1px solid #ccc; font-size: 14px; font-weight: bold;}
.result-sidebar a:hover {text-decoration: none; background: #666;}

.result-sidebar a span.glyphicon {float: right; font-size: 11px; margin-top: 3px; transform:rotate(180deg);}
.result-sidebar .collapsed span.glyphicon {transform:rotate(0deg)}

.result-sidebar .panel-inner {padding: 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #f2f2f2;border-bottom: 1px solid #ccc;}
.result-sidebar .form-group {margin-bottom: 10px; position: relative;}
.result-sidebar .checkbox {font-size: 13.5px; margin: 0;}
.result-sidebar input.ico-cal {background-position: right 5px top 5px;}
/*.main-head-sec-img{height:100% !important;}*/

/*Common css */

.county-list{max-height: 225px;overflow-y: scroll;}
.event-county-list{max-height: 150px;overflow-y: scroll;}
.glyphicon-shopping-cart{font-size: 19px;  margin-right: 2px;top: 3px !important;}
.btnSetCookie{display:none;}
.ipAddress {color:White;}

/**/
@media(min-width: 768px)  and (max-width: 1070px)
{
    .navbar-brand{width:182px !important;}
    .main-all-nav{display:none !important;}
    .main-mobo-nav{display:inline !important;}
    .main-mobo-nav .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color:#134e6f !important;}
}
@media(max-width: 767px)
{
    .main-all-nav{display:inline !important;}
    .main-mobo-nav{display:none !important;}
}
        
@media(min-width: 1071px)
{
    .main-all-nav{display:inline !important;}
    .main-mobo-nav{display:none !important;}
}

/*-------------------------------------------------------------------*/

@media (max-width: 992px) {
.availability-R {width: 24% !important;}
.sec-hdr {font-size: 15px !important; padding-top: 121px !important;}
.breadcrumb {padding:0 !important;}
}
@media (max-width: 767px) 
{
    #ctl00_ucBA_BIMG{width:100% !important;}
    #chartContainer{display:none;}  
    .mobile-clear {clear:both;}  
    .result-item.featured .check-avl { bottom: 0 !important;}
    .result-item.featured .with-check-avl { bottom: 25px;}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) 
{
    
#largeImg {width: 157px !important;}
html, body {height: 100%;}
h1 {font-size: 58px; text-transform: uppercase; letter-spacing: 2px;}
h2 {font-size: 36px;}
h3 {font-weight: 400;}

#header {background: rgba(0,0,0,.15); border: 0; position: fixed; width: 100%; border-bottom: 1px solid rgba(255,255,255,.35);}
#logo img {width :100%; margin: 0 10px 0 5px; z-index: 100; position: relative;}
#logo {width: 200px;}
.nav-container {max-width: 100%; margin: 0 auto; padding: 6px 0 3px 0;}

#nav-main {margin: 0 0 0 15px; padding: 0;}
#nav-main a {border: none;}
#nav-main > li > a {color: #fff; font: bold 16px "Asap", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; opacity: .9; text-shadow: 1px 1px 0 rgba(0,0,0,.2); z-index: 100; border: none;}
#nav-main > li.open > a {background: rgba(0,0,0,.2); border-radius: 3px; opacity: 1 !important;}
#nav-mini a {color: #fff; opacity: .8; font: 13px "Asap", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; z-index: 100; border: none;}
#nav-main > li > a:active {background: none; opacity: 1;}
#nav-main > li:hover > a { opacity: 1; color: #fff;}

#nav-counties a {font-size: 13px;}
#nav-counties li {float: none; width: auto;}
#nav-counties .col-md-1, #nav-counties .col-sm-2 {padding: 30px 5px 0 5px;}

#nav-mini {margin-right: 15px; display: none;}
#nav-mini a {padding: 15px 5px; color: rgba(255,255,255,.9);}
#nav-mini a:hover {opacity: 1;}

.dropdown {position: inherit !important;}
#nav-main .dropdown-menu {background: url(../../img/bkg-nav.jpg) 0 0; background-size: 100%; left: 0; right: 0; top: 0; padding: 70px 0 40px 0; z-index: 50; border: none; border-radius: 0; box-shadow: 0 10px 10px rgba(0,0,0,.6);}
.dropdown-menu .container {border-top: 1px solid rgba(255,255,255,.35); width: 100%; padding: 0 4%; margin-top: -10px;}
.dropdown-menu ul {padding: 0; list-style: none; margin-left: -5px;}
.dropdown-menu h2 {color: #fff; font-weight: 400; font-size: 18px;border-bottom: 1px solid rgba(255,255,255,.2); padding-bottom: 10px;}
.dropdown-menu ul a {color: #fff; font-weight: 400; font-family: "Lato", sans-serif; opacity: .8; display: block; padding: 1px 5px; border-radius: 3px; font-size: 16px;}
.dropdown-menu ul a:hover {background: rgba(0,0,0,.3); text-decoration: none;}
.nav-cols li {width: 33%; float: left;}

.power-link {background: url(../../img/ico-arrow.png) 95% 20px no-repeat #cc8200; width: 100%; display: block; color: #fff; font-size: 24px; margin: 30px 0 10px 0; line-height: 90px; padding: 0 0 0 20px; box-shadow: 4px 4px 0 rgba(0,0,0,.1); font-weight: bold; text-transform: uppercase; letter-spacing: 2px; position: relative;}
.power-link img {margin-right: 20px; position: absolute; left: 0; top: 0; display: none;}
.power-link span {float: right;}
.power-link:hover {background: url(../../img/ico-arrow.png) 96% 20px no-repeat #e29816; color: #fff; text-decoration: none;}

#nav-search {padding: 0; position: relative;}
#nav-search button {position: absolute; right: 0;border-color: #24768d; border-radius: 0 4px 4px 0;}
#nav-search input {border-color: #24768d; width: 100%;}

#nav-register .power-link {width: 50%; margin-right: 1%; margin-bottom: 0; float: left; padding: 15px 0; font-size: 18px; letter-spacing: 1.5px; padding-left: 20px;line-height: inherit !important;}
#nav-register .power-link span {display: block; float: none; font-size: 24px;}
#nav-register .power-link:nth-of-type(even) {margin-right: -20px; float: right;}
#nav-register .nav-explore {padding-left: 10px; margin-left: 0;}

.nav-explore {padding: 30px 0px 50px 30px; margin: 30px 0 0 30px; border-left: 1px solid rgba(255,255,255,.35);}
.nav-explore .power-link img {}

#header:hover {background: rgba(0,0,0,.3);}
#header:hover #nav-main > li > a {opacity: .8;}
#header:hover #nav-main > li > a:hover {opacity: 1;}

#splash, .cycle-slideshow {width: 100%; overflow: hidden; } /*height: 100%;}*/
#splash .slide {width: 100%; height: 100%; position: relative;}
#splash .slide img {min-height: inherit; min-width: 100%; width: auto;}
#splash .slide p {position: absolute; left: 15px; bottom: 15px; color: #fff; display: inline-block; z-index: 500; background: rgba(0,0,0,.5); padding: 5px 10px; font-size: 13px; border-radius: 3px; border: 1px solid rgba(0,0,0,.8);}
#splash .slide p a:hover {color: #fff;}

.message {position: absolute; z-index: 300; top: 0; text-align: center; width: 100%; padding: 14% 0 0 0; width: 100% !important; left: auto !important; margin: 0 !important;}
.message h2, .message h3, .message span {text-transform: uppercase; font-weight: 700; color: #fff; opacity: .9; text-shadow: 4px 4px 0 rgba(0,0,0,.1);}
.message h3 {font-family: Georgia, serif; font-weight: 400; text-transform: none; font-style: italic; font-size: 38px; margin: 15px 0 0 0;}
.message h2 {font-size: 82px;  letter-spacing: 4px; font-weight: bold;margin: 0 0 10px 0;}
.message span {display: inline-block; width: 200px; background: #fff; height: 10px; box-shadow: 4px 4px 0 rgba(0,0,0,.1);}

#controls {position: absolute; right: 0; bottom: 0; z-index: 100; display: block; width: auto; }
#splash #controls img {width: auto; margin: 0; padding: 0; float: none !important;}
#splash #controls img {min-width: 0; float: right; }

.footer {border-top: 1px solid #ccc; margin: 40px 0 0 0; text-align: center; color: #999;}
.footer p, .footer a {font-size: 12px; color: #999;}
.footer ul {padding: 20px 0 0 0; list-style: none;}
.footer li {display: inline-block;}
.footer li a {padding: 0 5px; color: #777;}

.sec #header {background: rgba(0,0,0,.7);}
#nav-main > li.nav-path-selected > a {color: #eb9207; opacity: 1;}
.sec-hdr {width: 100%; position: relative; height: 100%; overflow: hidden; padding-top: 110px; background: #000; margin: 0;}/*250px*/
.sec-hdr-text {z-index: 400; position: relative;}
.sec-hdr-text .breadcrumb {background: rgba(0,0,0,.5); display: inline-block;}
.sec-hdr-text .breadcrumb a {color: #fff; color: #eb9207;}
.sec-hdr-text .breadcrumb li {color: #ccc;}
.sec-hdr h1 {margin: 0; position: relative;  color: #fff; opacity: .85; text-shadow: 4px 4px 0 rgba(0,0,0,.4);}
.sec-hdr img {min-width: 100%; position: absolute; left: 0; bottom: 0; opacity: .8;}

.filter {background: #f2f2f2; border: 1px solid #ccc; padding: 10px 10px 5px 10px; margin: 20px 0; border-radius: 3px;}
.filter .glyphicon {border: 1px solid #ccc; padding: 8.5px; border-radius: 3px; margin: -1px 0 0 0; background: #fff; color: #777; text-shadow: 1px 1px 0 #fff; float: left;}
.filter .short {width: 100px;}
.filter .form-group {width: auto; float: none; margin-bottom: 5px;}

.table {margin: 20px 0 0 0; box-shadow: 5px 5px 0 rgba(0,0,0,.05); font-size: 14px;}
.table thead {background: #eb9207; border-left: 1px solid #eb9207;border-right: 1px solid #eb9207; border-radius: 5px 5px 0 0;}
.table thead th {color: rgba(0,0,0,.6); color: #fff; font-weight: 300; text-transform: uppercase; font-size: 13px;}
.table tbody tr {border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
.table tbody {border-bottom: 1px solid #ccc;}
.table tr:hover td {background-color: rgba(0,0,0,.05) !Important;}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {background-color: #fbf7f0;}

.table .table-event {width: 40%; font-size: 12px;}
.table .table-event a {display: block; font-size: 14px; font-weight: bold;}
.nav-ftr {background: #eb9207; padding: 0; overflow: hidden;color: rgba(0,0,0,.6)}
.nav-ftr .pagination {margin: 0; float: left;}
.nav-ftr .pagination a {color: rgba(0,0,0,.6); background: None; border: none; border-right: 1px solid rgba(0,0,0,.2); border-radius: 0 !important;}
.nav-ftr .pagination a:hover {background: rgba(255,255,255,.2); border-right: 1px solid rgba(0,0,0,.2); color: #222;}
.nav-ftr .pagination .active a {font-weight: bold; color: #fff; background: rgba(0,0,0,.2);}
.nav-ftr p {float: right; margin: 0; padding: 5px 10px 0 0; color: #fff;}

.sidebar img {margin: 0 auto 20px auto; display: block; max-width :100%:}
.box {background: #fbf7f0; padding: 20px; border: 1px solid #ccc; margin: 0 0 20px 0; box-shadow: 5px 5px 0 rgba(0,0,0,.05);}
.box h3 {margin: 0 0 10px 0; font-size: 18px; color: #666; text-transform: uppercase; font-weight: bold;}
.sidebar .box ul {list-style: none; padding: 0;}
.sidebar .box ul a {display: block; border-bottom: 1px dotted #ccc; padding: 5px 5px 5px 10px;}
.sidebar .box ul a:hover {background: rgba(0,0,0,.05); text-decoration: none;}

#nav-counties2 img {max-width: 100%;}
#nav-counties2 .power-link {padding-left: 20px;}

.result-item.featured {background: #fbf7f0; border: 1px solid #ddd; padding: 0; margin: 0 0 15px 0;}
.result-item .btn {position: absolute; right: 20px; bottom: 52px; width: 120px;}
.result-item img {float: left; margin: 0 20px 0 0; width: auto;}
.result-item h3 {margin: 0 0 10px 0; }
.result-item p {margin: 0; font-size: 13px; line-height: 16px; display: inline;width:auto;}
.result-item .result-type {background: rgba(0,0,0,.5); color: #fff; font-size: 12px; padding: 5px 8px; text-transform: uppercase; position: absolute; bottom: 15px; top: auto; left: 0;}
.result-item.featured .result-type {bottom: 0; top: auto;}
.result-item.featured .btn {bottom: 38px;}
#nav-mini{display:block;}

}

@media (max-width: 800px) {
#largeImg {width: 157px !important;}
.mobile-reserve-selected { clear:both; padding-top:10px;}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.availability-R{width:14.5% !important;}
#logo {margin-left: 20px; width: 250px;}

#nav-mini {display: block;}
#nav-counties a {font-size: 14px;}

#nav-main .dropdown-menu {display: block; visibility: hidden; opacity: 0; top: -20px;}
#nav-main .open > .dropdown-menu {display: block; top: 0; visibility: visible; opacity: 1; top: 0;}

#splash .message {left: 25% !important; width: 75% !important; top: 50px;}
/*#splash .slide p {position: absolute; left: 25%; top: 500px; bottom: auto; margin-left: 400px; display: none;}*/
#ad {margin-top: 5px; width: 100%; float: left;}
#ad img {max-width: 100%;}

#nav-register .nav-explore {padding: 30px 0px 50px 30px; margin: 30px 0 0 30px; border-left: 1px solid rgba(255,255,255,.35);}

.power-link {background: url(../../img/ico-arrow.png) 95% 20px no-repeat #cc8200; width: 100%; display: block; color: #fff; font-size: 24px; padding: 0 0 0 230px; box-shadow: 4px 4px 0 rgba(0,0,0,.1); font-weight: bold; text-transform: uppercase; letter-spacing: 2px; position: relative; margin: 30px 0 5px 0;}
.power-link img {display: block;}
#nav-register .power-link {padding: 15px 0 15px 130px;}
#nav-counties2 .power-link {padding-left: 130px;}

#tabs {background: #eb9207; margin: 0 0 20px 0; box-shadow: inset 0 -2px 2px 0 rgba(0,0,0,.2); border-top: 1px solid rgba(255,255,255,.2);}
#tabs ul {list-style: none; padding: 0;}
#tabs ul li {position: relative; width: auto;}
#tabs ul li:last-child a {border-right: 1px solid rgba(0,0,0,.2);}
#tabs ul a {color: rgba(0,0,0,.5); position: relative; float: left; padding: 10px 13px; text-transform: uppercase; font-weight: bold; font-size: 14px;border: none; border-left: 1px solid rgba(0,0,0,.2); text-shadow: 1px 1px 0 rgba(255,255,255,.2); width: auto; float: left; margin: 0;}
#tabs ul a:hover {background: rgba(255,255,255,.1); text-decoration: none;}
#tabs ul .active a {background: #fff; border-top: 3px solid #fff; margin-top: -3px; border-radius: 3px 3px 0 0; border-left: 0;}

.hpg-search {display: block; position: absolute; left: 40px; top: 110px; width: 25%;overflow: hidden;}

/*#search-panels {padding: 15px; overflow: hidden;}
#search-panels .form-group {margin-bottom: 15px; margin-top: 5px; position: relative;}
#search-panels .form-group input.input-lg {font-size: 16px;}*/
input.ico-cal {background: url(../../img/ico-cal.jpg) no-repeat right 8px top 12px #fff;}
/*#search-panels .search-6 {width: 48%; float: left; padding: 0;}
#search-panels .search-6:nth-of-type(2) {float: right;}

#hpg-search-featured {padding: 0 0; float: left; width: 100%;}
#hpg-search-featured .results-hdr {margin-top: 30px;}
#hpg-search-featured .results-hdr span {background: #f0f0f0;}
#hpg-search-featured .result-item {padding: 0; margin: 0 0 10px 0; background :#f9f9f9; border: 1px solid #ccc;}
#hpg-search-featured .result-item h3 {font-size: 16px; margin: 10px 0 5px 0;}
#hpg-search-featured .result-item img {width: 25%; margin-right: 10px;}
#hpg-search-featured .result-item:hover {background: #fff;}*/
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {


}


@media (max-width: 320px) {
.availability-NA{width:100% !important; }
.navbar-toggle {padding: 8px;margin-right: 0px;}
#toggle {right: 6px;}
.activity-image-div-width{width:100%;}
 .width50{font-size:11px !important;} 
 .activity-image-div-width .multipage_Link{font-size:13px !important;}
}
.btn-bottom-add-to-cart{display:none;}
.btn-top-add-to-cart{display:block;}

@media (min-width: 300px) and (max-width: 590px) 
{    
.btn-bottom-add-to-cart{display:block !important;}
.btn-top-add-to-cart{display:none !important;}
.progress-bar {line-height: 16px;}
.bar-text{font-size:12px !important;}
#navbar .user-name{text-align:left !important;}
.availability-NA{width:100% !important; }
.panel-title {font-size:12px;}
.checkbox-list{font-size:11px;}
.event-calender-text{font-size: 8px !important;line-height: 1.2em;padding: 2px !important;}
.availability-R {width:100% !important;} 
.facility-title {margin: 5px 0 0 160px !important; word-wrap:break-word;}
.facility-total-records {width:100%; float:left;}
  
.header-img img {height: 100% !important;width: 100% !important;} 
.sec-hdr {height:100% !important ;font-size: 14px;}/*170px!important padding-top: 55px !important*/
.header-img {height: 183px !important; line-height: 183px !important;}
.sec-hdr-text {margin-top:-50px;}
.sec-hdr-text h1 {font-size:25px !important;}

}
@media (min-width: 320px) {
.availability-reserve {margin-top:0px !important;}  

}

@media (min-width: 360px) {
.hpg-search {margin-top:40px !important;} 
.width50{font-size:12px !important;}

}

.availability-NA{width:20%;padding-right:0;}
.bar-text{font-size:18px;}
.availability-reserve {margin-top:5px !important;padding-left: 0;} 
.hpg-search {background: #f0f0f0; z-index: 700;}

.checkbox-list td{ vertical-align:top;}
.checkbox-list label { font-weight:normal; margin-left:10px; margin-right:10px; vertical-align: top;}
.checkbox-list-width label {width:90%}

.req{color:red;}
.small {color: gray;font-size: 0.7em;}
.checkbox-list td{ vertical-align:top;}
.checkbox-list label { font-weight:normal; margin-left:0px; margin-right:10px; vertical-align: top; margin-left:10px !important;display: inline !important;}
.checkbox-list-width label {width:90%}

.hpg-search {margin:10px;}
#search-panels {padding: 15px; overflow: hidden;}
#search-panels .form-group {margin-bottom: 15px; margin-top: 5px; position: relative;}
#search-panels .form-group input.input-lg {font-size: 16px;}
#search-panels .search-6 {width: 48%; float: left; padding: 0;}
/*#search-panels .search-6:nth-of-type(2) {float: right;}*/

#search-tabs {border: none;}
#search-tabs li {float: left; margin: 0; border: 0; width: 33.33%;}
#search-tabs a {border-radius: 0; border: 0; margin: 0; font-size: 14px; text-transform: uppercase; font-weight: bold; letter-spacing: .75px; background: #267498; color: #fff; border-left: 1px solid rgba(0,0,0,.2);border-bottom: 1px solid rgba(0,0,0,.2); padding: 12px 10px; text-align: center;}
#search-tabs li.active a {background: #f0f0f0; color: #444; border-left: 0; border-bottom: 0;}

#hpg-search-featured {padding: 0 0; float: left; width: 100%;}
#hpg-search-featured .results-hdr {margin-top: 30px;}
#hpg-search-featured .results-hdr span {background: #f0f0f0;}
#hpg-search-featured .result-item {padding: 0; margin: 0 0 10px 0; background :#f9f9f9; border: 1px solid #ccc;}
#hpg-search-featured .result-item h3 {font-size: 16px; margin: 10px 0 5px 0;}
#hpg-search-featured .result-item img {width: 25%; margin-right: 10px;}
#hpg-search-featured .result-item:hover {background: #fff;}

.progress{height: 40px; opacity: .8; border: 1px solid #999;}
.progress-bar{padding-top: 6px !important; border-right:2px solid #3F8F3F; border-left: 1px solid #ccc;}
.progress-bar-default{background-color: #8C8C8C;}
.progress-bar-dark-blue{background-color: #0951BD;}
.steps-2 .progress-bar-step{width:50%;}
.steps-4 .progress-bar-step{width:25%;}
.steps-6 .progress-bar-step{width:16.6667%;}
.steps-3 .progress-bar-step{width:33.334%;}
a{ transition: none 0s ease 0s ;}
.RadGrid_Metro .rgRow a, .RadGrid_Metro .rgAltRow a {color: #eb9207 !important; text-decoration:underline;}
.RadGrid_Metro .rgRow a:hover, .RadGrid_Metro .rgAltRow a:hover {color: #9d6610 !important;text-decoration:underline;}
#cms-story-tools .cms-story-tools-item a {float:left; margin-right:10px !important;}

#largeImg {width: 100% !important;}
.panAvail{min-height:359px !important;}
@media (min-width: 768px) and (max-width:980px){
    .sec-hdr-text h1 {font-size:40px !important;}
}

@media (min-width: 768px) 
{
    .width50{font-size:16px !important;}
}

#loader {margin-left:5px !important;}
.ui-autocomplete {max-height:360px; overflow-y:auto;}

html body .riSingle .riTextBox[type="text"] {border-radius: 4px 0 0 4px;height: 34px;}

svg{background-color:rgba(255,255,255,0) !important;}

@media (min-width: 979px) and (max-width: 1279px)
{
.availability-R {width:17.5% !important}
.availability-NA {width:27% !important}
}
    
.glyphicon-fire:before {content: "🔥";}

@media (min-width: 320px) and (max-width:359px)
{  
    #ctl00_cph_ucNewsView_ucEmailToFriend_rc_CaptchaImage{width: 276px !important;}
    #ctl00_cph_ucEventView_ucEmailToFriend_rc_CaptchaImage{width:276px !important;}
    .reminder{width: 305px !important;}
}
@media (min-width: 360px) and (max-width:767px)
{  .reminder{width: 350px !important;}
    #ctl00_cph_ucEventView_ucEmailToFriend_rc_CaptchaImage{width:100% !important;}
    #ctl00_cph_ucNewsView_ucEmailToFriend_rc_CaptchaImage{width: 100% !important;}
}
.reminder{width: 100%;}
@media (min-width: 360px)
{.email {max-height:550px;overflow:auto;}
}
.main-container{
	width:600px;
	margin:0 auto;
}
.inner-container{
	background:#f7fdeb;
	margin: 0px 30px;
	padding: 15px;
}
		
@media (max-width: 600px) {
.main-container{
	width:100%;
	margin:0 auto;
}
	
.inner-container{
	background:#f7fdeb;
	margin: 0px 15px;
	padding: 15px;
}
/* ---------------------*/
/* Responsive Table CSS */
/* ---------------------*/
		
/* Force table to not be like tables anymore */
table.cust-table-responsive, table.cust-table-responsive thead, table.cust-table-responsive tbody, table.cust-table-responsive th, table.cust-table-responsive td, table.cust-table-responsive tr {display: block;}
	 
/* Hide table headers (but not display: none;, for accessibility) */
table.cust-table-responsive thead tr {position: absolute; top: -9999px; left: -9999px; }
/*table.cust-table-responsive tr { border: 1px solid #ccc; }*/
		
table.cust-table-responsive { border: 1px dashed #333; border-bottom: none;}
table.cust-table-responsive tr { padding-top: 5px; }
	 
/* Behave like a "row" */
table.cust-table-responsive td { border: none; /*border-bottom: 1px solid #eee;*/ position: relative; padding-left: 5%; padding-top:3px; white-space: normal; text-align:left; }

/*table.cust-table-responsive tr:nth-of-type(odd) {background: #f9f9f9; }*/

/* Top/left values mimic padding */
table.cust-table-responsive td:before { top: 6px; left: 6px; width: 95%; white-space: normal; text-align:left; font-weight: bold; }
	 
/* Label the data*/
table.cust-table-responsive.responsive-data-label td:before { content: attr(data-title); }
		
/* ---------------------*/
/* Responsive Table CSS */
/* ---------------------*/
}
@media (min-width: 320px) and (max-width:639px)
{  
    .fee-detail{font-size: 13px; padding-left: 0; padding-right: 0;}
}
  .text-underline {text-decoration:underline;}
  .pl16 {padding-left:16px;}
  .social-item {display: inline-block;float: left;line-height: 1em;margin-right: 5px;margin-top: 5px;}
  .ml15 {margin-left:15px;}
  .modal-dialog{margin:auto;}
  
@media(min-width:320px) and (max-width:360px)
{      
    .button-container{padding:3px;}
    .button-container .btn{border-radius: 3px !important;font-size: 12px !important;line-height: 1.5 !important;padding: 5px 10px !important;}
    .add-to-cart .btn{border-radius: 3px !important;font-size: 13px !important;line-height: 1.5 !important;padding: 5px 10px !important;}
    .font-w {font-size: 22px;padding-top: 10px;}
    .f13 {font-size: 13px;}
    .alert-danger{font-size:13px !important;}
    .alert-danger ul{padding-left: 15px !important;}
    .panAvail {min-height: 100% !important;}
    .information-label{font-size: 11px;margin-right: 0;padding-right: 0;}
    .mobile-reserve-selected {clear: none;padding-top: 0;}
    .w2{width:24%;float:left;}
    .w10{width:76%;float:left;}
    .mobo-font-style{font-size:13px;}
    .mobo-font-style .form-group{margin-bottom:5px !important;}
    .sec-hdr-text .breadcrumb{width: 290px !important;font-size: 12px !important;}   
    .button-container .btn-next-step{float:right;}
    .btn-next-prev{float:none !important;text-align:left;}
    .btn-next-step{float:right !important;}
}
@media(min-width:320px) and (max-width:359px)
{      
    .button-container .btn {font-size:11px !important;}
    
    .button-container .btn-cont-shopping{padding:5px !important;}
    .button-container .btn-prev-step{padding:3px !important;}
    .button-container .btn-next-step{padding:5px !important;float:right;}
 }
@media(min-width:360px) and (max-width:768px)
{     
    .sec-hdr-text .breadcrumb{width: 330px !important;font-size: 14px !important;}
    .information-label{font-size: 13px;margin-right: 0;padding-right: 0;}
    .mobile-reserve-selected {clear: none;padding-top: 0;}
}
@media(min-width:320px) and (max-width:360px)
{
    .scroll-content{overflow:auto;max-height:210px;}
}
@media(min-width:1024px) and (max-width:1070px)
{
    .navbar-brand{width:188px !important;}
}

@media(min-width:320px) and (max-width:767px)
{
    .sec-hdr{padding-top:65px !important;}
    /*#navbar{background:#777;position:absolute;width:100%;}
    #splash{margin-top:-60px;}*/
}

.mar-top{margin-top:10px;}
.mar-bottom{margin-bottom:10px;}
/*These are google map classes*/
.map-size-default{border: solid 1px #cccccc; padding: 5px; width: 100%;}
.map-size-full{border: solid 1px #cccccc; padding: 5px; width: 650px; height:600px;}
.map-size-widescreen{border: solid 1px #cccccc; padding: 5px; width: 100%; height:350px;}
.map-size-county{border: solid 1px #cccccc; padding: 5px; width: 890px; height:500px;}
.map-size-massive{border: solid 1px #cccccc; padding: 5px; width: 890px; height:500px;}
.map-size-standard{border: solid 1px #cccccc; padding: 5px; width: 400px; height:500px;}
.map-size-faciliy-search{border: solid 1px #cccccc; padding: 5px; width: 100%; height:330px;}


