@font-face {
    font-family: 'sebring-icons';
    src: url("../../fonts/sebring-icons1.ttf?pbxcea") format("truetype"), url("../../fonts/sebring-icons1.woff?pbxcea") format("woff"), url("../../fonts/sebring-icons1.svg?pbxcea#sebring-icons") format("svg");
    font-weight: normal;
    font-style: normal;
}

html,
body {
  height: 100%; }

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  background: #EEE; }

img {
  display: block; }

a {
  text-decoration: none;
  color: #0066cc; }
  a:active {
    color: red; }
  a p {
    color: initial; }

h1,
h2,
h3 {
  margin: 0;
  padding: 10px;
  font-size:14pt;}

h1 {
  font-size: 24px; }

h2 {
  font-size: 16px; }

p {
  margin: 0;
  padding: 0 8px 8px; }

hr {
  border: none;
  margin-top: 0;
  border-bottom: 1px solid #CCC; }

.aligncenter {
  text-align:center;
}
.alignright {
  text-align:right;
} 

#site-wrapper {
  min-height: 100%;
  position: relative; }

#page-info:after {
  content: '';
  display: block;
  clear: both; }

#page-info .left {
  float: left;
  padding: 10px;
  height: 26px;
  line-height: 26px; }

#page-info .right {
  float: right; }

#page-login {
  height: 46px; }
  #page-login input {
    border: 1px solid #0066cc;
    height: 30px;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    background: white; }
  #page-login input[type=submit] {
    font-weight: bold;
    background: #0066cc;
    color: white;
    width: 50px;
    cursor:pointer;}

#sitecontainer {
  /*padding-bottom: 100px;*/ }

#site-footer {
  background: #CCC;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  overflow: hidden;
  position: relative;
  bottom: 0;
  min-width: 500px; }
  #site-footer .footer-text {
    padding: 6px;
    border-radius: 4px;
    margin: 6px; }
  #site-footer .copyright {
    float: right; }
  #site-footer .disclaimer {
    padding: 0;
    padding-top: 8px;
    font-size: 10px;
    color: gray; }

.announcement {
  text-align: center;
  font-size: 20px;
  font-weight: bold; }
  .announcement div {
    float: left;
    width: 25%;
    margin-bottom: 10px; }

.page-width {
  width: 1400px;
  min-width: 500px;
  height: 100%;
  margin: auto;
  position: relative; }

.page-header {
  border-bottom: 1px solid black;
  margin: 0 6px 12px; }
  .page-header h1 {
    padding-top: 0; }

.page-message {
  margin: 0 10px 10px;
  background: orange;
  border: 1px solid black;
  position: relative;
  border-radius: 4px;
  overflow: hidden; }
  .page-message p {
    padding: 10px;
    margin-right: 38px; }
  .page-message button {
    font-family: 'sebring-icons';
    font-size: 20px;
    width: 38px;
    height: 38px;
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    border: none; }
    .page-message button:hover {
      background: darkorange; }

.content-header {
  border-bottom: 1px solid black;
  margin-bottom: 6px; }

.border {
  border: 1px solid #CCC;
  border-radius: 4px;
  background: white;
  overflow: hidden;
  margin-bottom: 12px;
  position: relative;
  font-size:12pt;
  text-align:left;}
  .border.margin {
    margin: 0 6px 12px; }

.border-header {
  height: 19px;
  background-color: #dddddd;
  background: -moz-linear-gradient(left, #dddddd 20%, #aaaaaa 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #dddddd 20%,#aaaaaa 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #dddddd 20%,#aaaaaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#aaaaaa',GradientType=1 ); /* IE6-9 */
  color: black;
  font-size: 22px;
  font-family: "Times New Roman", Times, serif;
  padding:3px 5px 13px 8px;
  display: block; }
  .border-header a {
    color: white; }
  .border-header h3 {
    font-size: 14px; }
  .border-header h2 {
    font-size: 22px;
    font-family: "Times New Roman", Times, serif;}

.border-hp-header {
  height: 25px;
  background-color: none;
  color: black;
  font-size: 16pt;
  font-family: "Times New Roman", Times, serif;
  margin-bottom:10px;
  margin-top:10px;
  padding-left:5px;
}
  .border-hp-header a {
    color: white; }
  .border-hp-header h3 {
    font-size: 14px; }
  .border-hp-header h2 {
    font-size: 15px;
    font-family: "Times New Roman", Times, serif;}


.header-button {
  float: right;
  background: #0066cc;
  color: white;
  padding: 4px 8px;
  border-radius: 4px;
  margin-top: -2px;
  margin-right: -10px; }

.grid {
  width: 1500px;
  margin: auto;
  text-align:center;
  font-size: 0;}
  .grid:after {
    content: '';
    display: block;
    clear: both; }
  .grid .no-padding {
    padding: 0 !important; }
  .grid .fixed {
    height: 400px;
    width: 100%;}
  .grid .hp-fixed {
    height: calc(100% - 47px);
    width: 100%;
    box-sizing:border-box;}
  .grid .image {
    height: 140px;
    overflow: hidden;
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat; }
  .grid .sidebar {
    display: inline-block;
    width: 33.33%; }
  .grid .col1,
  .grid .col2,
  .grid .col3,
  .grid .col4,
  .grid .col5,
  .grid .col6,
  .grid .billboard,
  .grid .sebot,
  .grid .article,
  .grid .col5content,
  .grid .sidebar,
  .grid .col1side,
  .grid .collisting {
    display:inline-block;
    text-align:left;
    vertical-align: top;
    box-sizing: border-box;
    padding: 0 6px;
    font-size:12pt;
    margin-top:10px;}
  .grid .col1,
  .grid .col1side,
  .grid .sebot {
    width: 250px; }
  .grid .col2 {
    width: 500px; }
  .grid .col3 {
    width: 750px; }
  .grid .col4,
  .grid .collisting,
  .grid .article {
    width: 1000px; }
  .grid .col5,
  .grid .col5content,
  .grid .billboard {
    width: 1250px; }
  .grid .col6 {
    float: none;
    clear: both;
    width: 1500px; }

.billboardimg {
 position:relative;
 height:412px;
}

.largeimage {
 max-width:100%;
 margin: auto;
}

.colhalf {
  width: 50%;
  /* float: left; */
    display: inline-block;
    vertical-align: top;
}

.couponcolhalf {
  width: 50%;
  /* float: left; */
    display: inline-block;
    vertical-align: top;
}

.colthird {
  width: 33%;
  /* float: left; */
    display: inline-block;
    vertical-align: top;
}

.side {
  display: inline-block;
  width: 250px; }

.side-double {
  display: inline-block;
  text-align:left;
  width: 500px; }

.ratio-container {
  position: relative;
  padding-top: 27.3%;
  margin-bottom: 20px; }
  .ratio-container .ratio {
    position: absolute;
    top: 0;
    bottom: 0; }
  .ratio-container .table {
    height: 100%;
    display: table;
    table-layout: fixed;
    width: 100%; }
  .ratio-container .table-cell {
    padding: 0 10px;
    vertical-align: top;
    display: table-cell; }
    .ratio-container .table-cell.banner {
      width: 83.33%;
      white-space: nowrap; }
  .ratio-container .border {
    height: 100%;
    margin: 0; }

.blur {
  filter: blur(4px);
}

.flow div {
  display: table-cell; }

.flow div.fill {
  width: 100%; }

.list-item {
  height: 122px;
  border-bottom: 1px solid #DDD; }
  .list-item .thumbnail {
    /*background: #333;*/
    float: left;
    width: 122px;
    height: 122px;
    margin-right: 8px;
    overflow:hidden;}
    .list-item .thumbnail img {
      width: 100%;}

.listing-block {
  background: white;
  width: 100%;
  height: 100%;
  border: 1px solid #CCC;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 6px;
  position: relative; }
  .listing-block td {
    vertical-align: top; }
  .listing-block .image {
    vertical-align: top;
    width: 150px;
    height: 110px;
    /*background: #333;*/ }
    .listing-block .image img {
      max-width: 100%;
      max-height: 300px; }
  .listing-block .thumbnail img {
    max-height: 200px;
    object-fit: cover; }
  .listing-block .location {
    font-weight: bold;
    font-size: 14px;
    color: #ffffff; }
  .listing-block .info {
    
    text-align: center;}
  .listing-block .info td {
    border-top: 1px solid #CCC;
    padding-bottom:10px;}
  .listing-block .info p {
    padding:0;
    margin:0;}
    .listing-block .info td {
      vertical-align: middle;
      padding-top: 8px; }

.side {
  display: inline-block;
  width: 250px; }

.side-double {
  display: inline-block;
  width: 500px; }

.classified-item {
  margin: 6px;
  height: 200px; }
  .classified-item .thumbnail {
    width: 200px;
    /*background: #333;*/
    vertical-align: top; }
  .classified-item .price {
    background: #0066cc;
    font-weight: normal;
    padding: 4px;
    color: white;
    border-radius: 4px;
    position: absolute;
    top: 5px;
    right: 35px; }

.podcast-item {
  margin: 6px; }
  .podcast-item .thumbnail {
    width: 100%;
    /*background: #333;*/
    vertical-align: top; }

.image-half {
  display: block;
  height: 182px;
  width: 100%;
  border-bottom: 1px solid #DDD; }

.image-full img {
  width: 100%;
  height: 100%; }

.coupon {
  position: relative;
  margin: 6px; }
  .coupon .coupontable {
    background: white;
    border: 2px dashed black; }
  .coupon table {
    width: 100%; }
  .coupon .logo img {
    height: 50px;
    margin: auto; }
  .coupon .image img {
    height: 100%; }
  .coupon .business-save {
    top: -4px;
    right: 0; }

.business-save {
  font-family: 'sebring-icons' !important;
  font-size: 25px;
  vertical-align: bottom;
  background: none;
  padding: 0;
  border: none;
  position: absolute;
  right: 5px;
  top: 5px; }

.map {
    height: 250px;
}
.slides {
  position: relative; }
  .slides button {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    background: none;
    border: none;
    color: #0066cc;
    font-size: 32px;
    font-family: 'sebring-icons'; }
    .slides button.next {
      left: auto;
      right: 0; }
    .slides button:hover {
      color: white;
      background: rgba(0, 0, 0, 0.2); }
  .slides img {
    margin: auto;
    max-height: 500px;
    max-width:100%;}
  .slides .slides-map {
    height: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center; }
  .slides .slides-location {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 5px;
    background: white;
    cursor: pointer;
    border: 1px solid #0066cc; }
    .slides .slides-location:hover {
      /* border: 1px solid #FDFFBE;  */
      background: #FDFFBE; }
    .slides .slides-location.active {
      background: #0066cc; }

.slide-thumbnails {
  margin: 4px; }
  .slide-thumbnails div {
    vertical-align: top;
    display: inline-block; }
  .slide-thumbnails img {
    border: solid black 1px;
    max-width: 145px;
    max-height: 165px; }
  .slide-thumbnails .active {
    border: 1px solid #0066cc;
  }

.contact-form {
  width: 100%;
  padding: 4px; }
  .contact-form label {
    font-weight: bold; }
  .contact-form td {
    padding: 2px;
    vertical-align: top; }
  .contact-form input,
  .contact-form textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #888;
    border-radius: 4px;
    padding: 6px; }
  .contact-form input[type=submit] {
    float: right;
    width: auto;
    background: #0066cc; }
  .contact-form textarea {
    resize: vertical; }

.search {
  display: block;
  margin: 6px;
  margin-top: 0;
  border: 1px solid #0066cc;
  border-radius: 4px;
  overflow: hidden; }
  .search input,
  .search select {
    border: none;
    box-sizing: border-box;
    padding: 8px;
    font-size: 16px;
    font-weight: bold;
    height: 36px;
    vertical-align: middle; }
  .search select {
    padding: 8px; }
  .search input[type=text] {
    width: 100%; }
  .search input[type=submit] {
    font-family: 'sebring-icons' !important;
    cursor: pointer;
    font-size: 26px;
    padding: 0 8px;
    background: white; }
    .search input[type=submit]:hover {
      color: #222; }
    .search input[type=submit]:active {
      background: #EEE; }

.sebot .sebot-header {
  background-color: #444;
  text-align: center;
  font-size: 24px;
  line-height: 35px;
  height: 35px;
  color: white; }

.sebot #sebotcontainer {
  position: relative;
  padding: 10px; }

.sebot input {
  border: 1px solid #888;
  height: 30px;
  padding: 5px;
  box-sizing: border-box;
  width: 100%; }

.sebot input[type=text] {
  box-sizing: border-box;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: none; }

.sebot input[type=submit] {
  font-weight: bold;
  background: #0066cc;
  color: white;
  width: 50px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  cursor:pointer;}

.sidebar-table {
  width: 100%;
  padding: 0 5px 5px; }

.scroll {
  overflow-y: scroll;
  height: 365px; }

.padding {
  padding-top: 10px; }

.center {
  text-align: center; }

.bottom {
  border-top: 1px solid #CCC;
  padding-top: 5px;
  position: absolute;
  bottom: 0;
  width: 100%; }

.bold {
  font-weight: bold; }

.shadow {
  box-shadow: 1px 1px 2px black; }

.unformat img {
  display: initial;
  max-width: 100%; }

.unformat p {
  padding: 4px 8px; }

.standard {
  display: table; }

.lottery {
  background: url(../../images/pattern.png) top right;
  background-repeat: no-repeat;
  background-color: #0066cc; }

.resturant {
  background: green; }

.billboard-half {
  display: inline-block;
  margin: 6px;
  margin-top: 0; }
  
 .rssnewsfeedcontainer {
  height:377px;
  overflow-x: auto;
 }

/* 5 Column Screen */
@media only screen and (max-width: 1500px) {
  .page-width {
    width: 1250px; }
  .grid {
    width: 1250px; }
    .grid .col4 {
      width: 750px; }
    .grid .billboard {
      width: 1000px; }
    .grid .col5content {
      width: 1000px; }
    .grid .article,
    .grid .collisting {
      width: 750px; }
    .grid .col6 {
      width: 1250px; }
    .billboardimg {
      position:relative;
      height:329px;
     }
    .rssnewsfeedcontainer {
      height:294px;
      overflow-x: auto;
     }
      }

/* 4 Column Screen */
@media only screen and (max-width: 1265px) {
  .page-width {
    width: 1000px; }
  .grid {
    width: 1000px; }
    .grid .article {
      width: 500px; }
    .grid .col4 {
      width: 750px; }
    .grid .col5,
    .grid .col6,
    .grid .col1side,
    .grid .collisting,
    .grid .sebot {
      width: 1000px; }
  .side {
    float: none;
    width: auto; }
  .rssnewsfeedcontainer {
   height:300px;
   overflow-x: auto;
  }
 }

/* 3 Column Screen */
@media only screen and (max-width: 1000px) {
    

  .page-width {
    width: 750px; }
  .grid {
    width: 750px; }
    .grid .col4 {
      width: 500px; }
    .grid .article {
      width: 750px; }
    .grid .collisting,
    .gird .col3,
    .grid .col5,
    .grid .col6,
    .grid .colhalf,
    .gird .colthird,
    .grid .col5content,
    .grid .billboard,
    .grid .sebot {
      width: 750px; } 
    .billboardimg {
      position:relative;
      height:245px;
   }

   /* #site-header {
        text-align: center !important;
    }
    
    #site-logo {
        float: none !important;
        margin: auto;
        display: inline-block;
    }

    #site-search {
        margin: auto;
        padding: 20px !important;
        padding-top: 0 !important;
    }

    #site-navbar li {
        display: block !important;
        margin: 0 !important;
    }

    #site-navbar .navbar-sub-list {
        left: 0;
        right: 0;
        width: 100% !important;
    } */
}

/* 2 Column Screen */
@media only screen and (max-width: 750px) {
  #sitecontainer {
    padding-bottom: 140px; }
  #site-footer {
    text-align: center;
    padding: 0; }
    #site-footer .copyright {
      float: none;
      padding: 0;
      padding-top: 4px; }
  .page-width {
    width: auto; }
  .grid {
    width: 500px; }
    .grid .col6,
    .grid .col5,
    .grid .col4,
    .grid .col3,
    .grid .sebot,
    .grid .colhalf,
    .grid .colthird,
    .grid .article,
    .grid .col5content,
    .grid .collisting,
    .grid .billboard {
      width: 500px; }
    .billboardimg {
      position:relative;
      height:162px;
   }
   .couponcolhalf {
     width: 100%;
     box-sizing: border-box;
     margin:0 auto;
    /* float: left; */
     display: block;
     vertical-align: top;
}
   }

/* @media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
    #sitecontainer {
        max-width:100%; }
    .page-width {
        max-width:100%; }
}} */