@charset "UTF-8";
/* CSS Document */

/* Reset styles */

* {
  margin:0;
  padding:0;
}

img {
  display:block;
  border:0;
}

body {
  background-color: #301d12;
  font-family:Verdana, Geneva, sans-serif;
}

h1, h2, h3, h4 {
  font-family: 'Roboto', sans-serif;
  font-weight:normal;
}

h1 {
  font-size:25px;
  text-transform: uppercase;
}

h2 {
  font-size:22px;
  text-transform: uppercase;
}

h3 {
  margin-top:10px;
  color:#636363;
}

h4 {
  font-weight:600;
}

.heading-bold {
  color:#636363;
  font-weight:bold;
}

p {
  margin-top:20px;
  color:#333;
  line-height:24px;
}

ul {
  margin-left:20px;
}

li {
  line-height:24px;
  color:#333;
}

#wrapper {
  width:960px;
  margin:0 auto;
  /*overflow:hidden;*/
}

.intro-text {
  margin-top:0;
  font-size:17px;
  font-weight:bold;
  color:#636363;
}

.content {
  background-color:#fff;
}

.main-content {
  width:710px;
}

.height {
  min-height: 497px;
}

.content p h1 {
  padding:0 45px;
}

#logo {
  text-transform:uppercase;
  background-color:#471d15;
  color:#fff;
  width:225px;
  text-align:center;
  margin:20px 0;
}

#logo img {
  border:0;
}

.gmap {
  width:404px; /*vertically aligns with main-content*/
  height:220px;
}

.location-gmap {
  width:100%;
  height:350px;
}

.mobileph {
  display: none;
}


/********** backgrounds ****************/
body {
  background-color: #a6b2b8;
  background-image: url(../images/bg2.jpg);
  background-repeat: no-repeat;
  background-position: top;
  background-attachment: fixed;
  background-size: cover;
}

/********** Table styles ***************/
table {
  font-size: 12px;
  width: 100%;
  color: #fff;
  margin: 0;
}

th {
  background: #333;
  font-size: 11px;
}

td {
  background: #aaa;
  text-align: center;
  padding: 10px;
  border-top: 1px solid #fff;
}

tr:hover {
  background: #333;
}

.tleft {
  text-align: left;
}

.pleft {
  text-align: left;
  padding: 10px 0;
  padding-left: 10px;
}

/********** Footer styles **************/
.footer {
  background:#222;
  color: #fff;
}

.contact-details p, .contact-details a, .footer a {
  font-size:15px;
  line-height:20px;
  color: #fff;
}

.contact-details h4 {
  font-size: 22px;
}

.contact-details a, a {
  color:#fff;
}

.location .contact-details p {
  color: #333;
}

#cmsBeenThereLogo img {
  margin: 0 auto;
}

/*********** 1.1 Navigation ************/
#nav {
  font-family: 'Open Sans', sans-serif;
  font-weight:300;
  text-transform:uppercase;
  margin-bottom:20px;
  display:block;
  margin-left:0;
}

#nav ul, .accom-nav {
  padding:0 0 20px 0;
  margin-left:0;
}

.accom-nav {
  margin-top:10px;
}

#nav ul li, .accom-nav li {
  margin-left:0;
  list-style:none;
  display:inline;
  float:left;
  padding-right:8px;
}

#nav a, .accom-nav a {
  color:#fff;
  text-decoration:none;
  padding:10px;
  padding-left:0;
  font-size: 18px;
}

.accom-nav a {
  color:#06F;
}

/* Footer nav */
#nav-footer {
  margin-bottom:20px;
}

#nav-footer ul {
  padding:0 0 20px 0;
  margin-left:0;
}

#nav-footer ul li {
  list-style:none;
}

#nav-footer a {
  color:#fff;
  text-decoration:none;
}

/********** Text color styles **************/
.white {
  color:#fff;
}

/************** Headings *****************/
.main-heading {
  padding:20px 45px;
  background: #471D15;
  color:#fff;
  font-weight:100;
}

/*************** Margins and floats ******************/
.top-margin {
  margin-top:20px;
}

.bottom-margin {
  margin-bottom:20px;
}

.left-right-margin {
  margin:0 20px;
}

.left-right-margin-large {
  margin:0 50px;
}

.center-image {
  margin:0 auto;
}

.center-text {
  text-align:center;
}

.clear-top {
  margin-top:0;
}

.left {
  float:left;
}

.right {
  float:right;
}

.list-left {
  margin-left:100px;
}

.clear {
  clear:both;
}

.content-padding {
  padding:30px 35px 30px 35px;
}

.bottom-padding {
  padding-bottom:10px;
}

.fotorama__nav--thumbs {
  padding:3px 0;
  background:#ccc;
}

/************ Buttons ************/
.button {
  margin:25px 0;
  padding:10px 20px;
  text-transform:uppercase;
  font-size:16px;
  text-decoration:none;
  text-align:center;
  display:inline-block;
  color:#fff;
}

.button-book-now {
  background:#471D15;
  color:#fff;
}

.button-enquire {
  background: #222;
  color:#fff;
}

.social-button {
  padding:10px 20px;
  color:#fff;
}

/********** Backgrounds *****************/
.review-background {
  padding-top:20px;
  padding-bottom:20px;
}

.review-background a img {
  width: 170px!important;
}

.side-booking {
  display: block;
  background: #ECBF04;
  box-shadow: inset 0 1px 0 #FAEFED;
  font-size: 16px!important;
  color: #000!important;
  font-weight: bold;
  border: 1px solid #C79F03;
  text-shadow: 0 1px 0 #FEEDAB;
  border-radius: 5px;
}

.side-booking:hover {
  background:
}

.review-content {
  padding:25px 25px;
  background:#3d3b3a;
}

/********** Social Media ****************/
.sidebar, .sidebarAccom, .sidebarConf, .sidebarActi, .sidebarLoca{
  width:230px;
  background-image: url(../images/transparent-bg.png);
}

.sidebar {
  height: 1272px;
}

.sidebarAccom {
  height: 3670px;
}

.sidebarConf {
  height: 1158px;
}

.sidebarActi {
  height: 1886px;
}

.sidebarLoca {
  height: 1284px;
}

.custom-contact-details {
  min-height: 290px;
  padding: 15px;
}

.custom-contact-details p {
  color: #fff;
}

#CDSWIDSSP {
  width: 230px!important;
}

.fb-color {
  background:#3a8ad3;
}

.twitter-color {
  background:#35abdd;
}

.reviews-color {
  background:#5e9e47;
}

.social-heading {
  padding:10px 25px;
}

.social-heading p {
  color:#fff;
  margin:0;
  display:block;
}

.social-content {
  padding:25px 25px;
  background:#3d3b3a;
}

.social-content p {
  font-size:12px;
  margin-top:0;
  padding:10px 0;
  line-height:18px;
}

.activities img {
  width:100%;
}

.separator {
  border-top: 1px solid #333;
  border-bottom: 1px solid #4e4e4e;
  margin:5px 0;
}

.copy p {
  font-size:12px;
  color:#fff;
}

span.content-padding {
  display: table;
  padding-left: 0;
}

span.content-padding img {
  display: inline!important;
}

/*.desktophide {
  display:none!important;
}*/

.menu-icon {
  display:none;
}

/************ Social icons ***************/
a i {
  color:#fff;
}

a i.icon-facebook {
  padding:12px 18px;
  background:#3a8ad3;
}

a i.icon-twitter {
  padding:12px 15px;
  background:#35abdd;
}

a i.icon-pinterest {
  padding:12px 15px;
  background:#e63d45;
}

/*********** Accommodation page ****************/
.tariff-box {
  padding-top:20px;
  border-top: 1px solid #ccc;
}

.tariff-box .button {
  margin:0 10px 0 0;
}

/*********** Activities page ****************/
.act-box {
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
}

.res {
  font-family: 'Average Sans', sans-serif;
}

.res span {
  font-family: 'Fjalla One', sans-serif;
  font-size: 22px;
  /*color: #CF0;*/
  text-shadow: 0 1px 1px #333;
}

/************** Ribbon *****************/
h1 span {
  font-size: 18px;
}

/************** Links *****************/
.links {
  color: #333;
  text-decoration: underline;
}

a[href^=tel]{
  color: inherit;
  text-decoration: none;
}

/************** Other *****************/
.amenities, .affiliations {
  margin: 2px;
  border: none;
}


/************** Resize *****************/
@media screen and (max-width:960px) {
  body {
    background: #EEEEEE
  }

  #logo {
    width: 100%;
    background: #471d15;
    margin: 0;
  }

  #logo img {
    margin: 0 auto;
    border:0;
  }

  #wrapper, .main-content, .header, .sidebar, .footer, .gmap img, .activities img, .gmap, .content img {
    width:100%;
  }

  img.amenities, img.affiliations {
    width: auto;
  }

  .sidebar, .sidebarAccom, .sidebarConf, .sidebarActi, .sidebarLoca{
    display:none;
    height:auto;
  }

  .menu-icon {
    display:block;
    margin:0;
    background:#471D15;
    font-size:15px;
    text-align: center;
  }

  .menu-icon a {
    color:#fff;
    display:block;
    padding:20px;
    margin:0;
    border-top:1px solid #ccc;
    text-decoration:none;
  }

  h1 {
    font-size:22px;
  }

  h2 {
    font-size:100%;
  }

  #nav ul li:last-child {
    border-bottom:1px solid #666;
  }

  #nav ul li, #nav a i {
    background:#2d2d2d;
    padding:10px;
    border-top:1px solid #666;
    display:block;
    float:none;
  }

  #nav i {
    width:25px;
    margin:0 0 10px 10px;
    display:inline-block;
  }

  #nav ul li:hover {
    background:#BCBDBE;
  }

  #nav ul li i.icon-map-marker {
    font-size:20px;
  }

  .footer .contact-details {
    margin-bottom:20px;
  }

  .footer img {
    width: auto;
    max-width: 100%;
  }

  #nav-footer {
    margin-top:20px;
  }

  #nav-footer ul li {
    background:#2d2d2d;
    padding:5px;
    margin-bottom:5px;
    display:block;
    float:none;
  }

  #nav ul li i {
    display:inline-block;
  }

  #nav-footer a {
    color:#fff;
  }

  .location-gmap {
    height:350px;
  }

  .tariff-box .button {
    margin:5px 10px 0 0;
  }

  .button.bottom-margin {
    margin-bottom: 0;
    margin-top: 10px;
  }

  .left, .right {
    float:none;
  }

  .list-left {
    margin-left:20px;
  }

  .sidebar-padding {
    padding:0 25px;
  }

  .left-right-margin-large {
    margin:0;
  }

  .sidebar-content {
    display:none;
  }

  .sideAccom {
    height: 2000px;
  }

  .button {
    display:block;
  }

  .main-content .fotorama__wrap {
    width:100% !important;
  }

  .desktophide {
    display:block;
  }

  .mobileshow {
    display:block !important;
  }

  #nav {
    display: none;
  }
}

@media screen and (max-width:768px) {
}

@media screen and (max-width: 625px) {
}

@media screen and (max-width:580px) {
  .mobilehide {
    display:none;
  }

  .mobileph {
    display: block;
    background-color: inherit;
    font-size: 18px;
    padding: 10px 0;
    text-align: center;
    color:#000;
  }

  a[href^=tel]{
    color: inherit;
    text-decoration: underline;
  }
}

@media screen and (max-width:480px) {
}

@media screen and (max-width:320px) {
}