/******************************************************************************************

GENERAL STYLES

*******************************************************************************************/

body {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  position: inherit;
  transition: 0.5s;
  overflow-x: hidden;
  font-size: 14px;
  line-height: 24px;
  color: #47362b;
  left: 0;
}

body.active {
  /*position: fixed;*/
  /*-ms-transform: translateX(-78%);
  -webkit-transform: translateX(-78%);
  transform: translateX(-78%);*/
  /*left: -78%;*/
  overflow-y: hidden;
}

body .menu-overlay {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(31,18,10,0.8);
  cursor: url('../images/layout/x.png'), auto;
  visibility: hidden;
  opacity: 0;
  transition: .5s ease;
}

body.active .menu-overlay {
  visibility: visible;
  opacity: 1;
}

a {
  color: #47362b
}

a:focus,
a:hover,
a:active {
  color: #857266;
}

.copy a {
  text-decoration: underline;
}

.copy a:focus,
.copy a:hover,
.copy a:active {
  text-decoration: none;
}

ul, ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

iframe {
  border: 0;
}

img {
  max-width: 100%;
  height: auto;
}

.container-fluid {
  padding-left: 5px;
  padding-right: 5px;
}

.row {
  margin-right: -5px;
  margin-left: -5px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-right: 5px;
  padding-left: 5px;
}

/*self-clear elements*/

.featuredContent .item:after,
.formHolder:after,
.socialNavList:after,
.miniList:after {
  content: "";
  display: table;
  clear: both;
}

/*content blocks - bootstrap overrides and extras*/

.contentWrap {
  position: relative;
  z-index: 90;
  background: #fff;
}

/*skip to content*/

.skip {
  position: absolute;
  top: -5000em;
  left: -5000em;
  height: 1px;
  width: 1px;
  text-align: left;
  overflow: hidden;
}

a.skip:active,
a.skip:focus,
a.skip:hover {
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  overflow: visible;
}


/*FONTS
**********************************************************/

.close,
.bigQuoteSlider p,
 h1#pageTitle,
 .sideItems h3,
 .banner.innerPage h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
}


/*COPY
General headings, paragraphs etc
********************************************************/

.copy {
  color: #47362b;
  font-size: 14px;
  line-height: 26px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
h1 a:visited, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active,
h1 a:visited, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus {
  color: inherit;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6,
p {
  margin: 20px 0;
}

h1 {
  font-size: 30px;
  color: #47362b;
  text-transform: uppercase;
}

h2 {
  font-size: 26px;
  color: #47362b;
  text-transform: uppercase;
}

h3 {
  font-size: 16px;
  color: #47362b;
  text-transform: uppercase;
}

.copy h3 {
  color: #47362b;
}

h4 {
  font-size: 15px;
  color: #47362b;
  text-transform: uppercase;
}

.sidebar h4 {
  font-size: 20px;
  margin-top: 30px;
  margin-bottom: 5px;
}

.sidebar h4 span {
  display: block;
  color: #9fa1a4;
  font-size: 14px;
}

.subTitle {
  font-size: 16px;
  color: #47362b;
  text-transform: uppercase;
  margin: -15px 0 20px;
  padding: 0;
  opacity: 0.5;
}

dl {
  margin: 20px 0 20px;
}

dt {
  text-transform: uppercase;
}

dd {
  padding-bottom: 20px;
  font-size: 14px;
  line-height: 20px;
}

dd p {
  margin: 0;
}

dd .btn {
  margin-top: 10px;
}

.copy blockquote {
  font-size: 18px;
  line-height: 26px;
  background: #e3ddd9;
  border-color: #ccc2bb;
  padding-top: 38px;
  padding-bottom: 20px;
  padding-left: 33px;
  position: relative;
}

.copy blockquote:before {
  content:"\f10d";
  font-family: "FontAwesome";
  font-style: normal;
  font-size: 60px;
  color: #404041;
  opacity: 0.1;
  position: absolute;
  top: 30px;
  left: 20px;
}

.copy cite {
  font-size: 14px;
  text-transform: uppercase;
  font-style: normal;
  display: block;
  text-align: right;
}

.copy cite:before {
  content: "- ";
}

.copy h1, .copy h2, .copy h3, .copy h4, .copy h5, .copy h6 {
  margin: 20px 0 10px;
}

.copy p,
.copy ul,
.copy ol {
  margin: 10px 0 20px;
}

.copy blockquote p {
  margin: 0 0 10px;
}

.copy blockquote p:first-child {
  margin-top: 0;
}

.copy ul {
  margin-left: 30px;
}

.copy ol {
  margin-left: 10px;
}

.copy li {
  padding-bottom: 8px;
  position: relative;
  line-height: 20px;
}

.copy ul li {
  padding-left: 20px;
  position: relative;
}

.copy ul li:before {
  content:"";
  display: block;
  width: 6px;
  height: 10px;
  background: #9e8d81;
  position: absolute;
  top: 4px;
  left: 0;
}

.copy .readmore,
.copy .readless{
  float: right;
  margin-top: -30px;
  color: #333;
  background: #ccc;
  padding: 0px 10px;
  font-size: 14px;
}

.copy p b,
.copy p strong,
.copy li b,
.copy li strong {
  color: #404041;
}

/*tables*/

table {
  margin: 20px 0;
  width: 100% !important;
  max-width: 100% !important;
}

.copy table tbody tr {
  border-bottom: 1px solid #e3ddd9;
}

table tr:nth-child(2n+2) {
  background: rgba(227,221,217,0.4);
}

table th,
table td {
  vertical-align: top;
  font-size: 14px;
  line-height: 20px;
}

table th {
  background: #e3ddd9;
  color: #604b3c;
  line-height: 16px;
}

body .tablesaw th, body .tablesaw td {
  padding: 7px 10px 7px 10px;
}


/*BREADCRUMB PATH
*******************************************************/

.breadcrumb {
  border-radius: 0;
  background: transparent;
  padding: 0;
  margin: 15px -25px 0;
  text-align: center;
}

.breadcrumb a {
  font-size: 10px;
  text-transform: uppercase;
  color: #9e8d81;
}

.breadcrumb .sel a {
  color: #47362b;
}

.breadcrumb>li+li:before {
  font-size: 10px;
  color: #857266;
  padding: 0 3px;
}


/*VIDEOS
*******************************************************/

.videoPlayerWrap {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
}

.videoPlayerWrap.size16by9 {
  padding-bottom: 56.25%;
}

.videoPlayerWrap iframe {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
  overflow: hidden !important;
}


/*SLICK CONTROLS
*******************************************************/

.slick * {
  outline: none;
}

/*slick buttons*/

.slick .slick-prev,
.slick .slick-next {
  position: absolute;
  top: 50%;
  margin-top: -35px;
  display: inline-block;
  width: 50px;
  height: 70px;
  text-indent: -5000px;
  transition: .5s all ease;
  cursor: pointer;
  border-radius: 0;
  border: 0;
  background: transparent;
  padding: 0;
  outline: none;
}

.bigQuote .slick .slick-prev,
.bigQuote .slick .slick-next {
  top: 80px;
  margin-top: 0;
}

.slick .slick-prev {
  left: 25px;
}

.slick .slick-next {
  right: 25px;
}

.bigQuote .slick .slick-prev {
  left: 150px;
}

.bigQuote .slick .slick-next {
  right: 150px;
}

.slick .slick-prev:hover,
.slick .slick-next:hover {
  opacity: 1;
}

.slick .slick-prev:before,
.slick .slick-next:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #404041;
  font-size: 90px;
  line-height: 90px;
  height: 90px;
  width: 50px;
  position: absolute;
  top: 0;
  text-indent: 0;
  opacity: 0.2;
}

.slick .slick-prev:before {
  content:"\f104";
  left: 9px;
}

.slick .slick-next:before {
  content:"\f105";
  right: 9px;
}

/*slick dots*/

.slick-dots {
  text-align: center;
  margin: 0;
  padding: 0;
}

.slick-dots li {
  display: inline-block;
  margin: 0;
  padding: 15px 0 10px;
}

.slick-dots button {
  border-radius: 50%;
  border: 1px solid #afa59d;
  background: #afa59d;
  width: 12px;
  height: 12px;
  padding: 0;
  margin: 0 3px;
  text-indent: -5000px;
  outline: none;
}

.slick-dots .slick-active button {
  background: #fff;
}


/*BUTTONS
*****************************************************************/

.buttons {
  margin-top: 30px;
  margin-bottom: 30px;
}

.btn-block+.btn-block {
  margin-top: 15px;
}

.btn {
  border-radius: 0;
  border: 0;
  text-transform: uppercase;
  font-size: 13px;
  white-space: normal;
  text-decoration: none !important;
}

.btn+.btn {
  margin-left: 10px;
}

.btn-block+.btn {
  margin-left: 0;
}

.btn-default,
.btn-default:hover,
.btn-default:active,
.btn-default:visited,
.btn-default:focus {
  background: #9e8d81;
  color: #fff;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus {
  background: #3585c6;
  color: #fff;
  color: rgba(255,255,255,0.8);
}




.btn-lodge,
.btn-lodge:hover,
.btn-lodge:active,
.btn-lodge:visited,
.btn-lodge:focus {
  background: #5e3843;
  color: #fff;
  color: rgba(255,255,255,0.8);
}

.btn-spa,
.btn-spa:hover,
.btn-spa:active,
.btn-spa:visited,
.btn-spa:focus {
  background: #7e3331;
  color: #fff;
  color: rgba(255,255,255,0.8);
}

.btn-golf,
.btn-golf:hover,
.btn-golf:active,
.btn-golf:visited,
.btn-golf:focus {
  background: #005c42;
  color: #fff;
  color: rgba(255,255,255,0.8);
}

.btn-restaurant,
.btn-restaurant:hover,
.btn-restaurant:active,
.btn-restaurant:visited,
.btn-restaurant:focus {
  background: #444;
  color: #fff;
  color: rgba(255,255,255,0.8);
}

.btn-vouchers,
.btn-vouchers:hover,
.btn-vouchers:active,
.btn-vouchers:visited,
.btn-vouchers:focus {
  background: #3585c6;
  color: #fff;
  color: rgba(255,255,255,0.8);
}


.btn-lg {
  padding-left: 30px;
  padding-right: 30px;
}

.btn-block {
  font-size: 16px;
  padding: 12px 10px;
}

.btn.back {
  margin: 0 0 20px;
  padding-left: 30px;
  padding-right: 30px;
}


/*SLIDE OUT CONTENT
*******************************************************/

.slideOutContent {
  z-index: 999;
  position: fixed;
  top: 0;
  bottom: 0;
  right: -100%;
  background-color: #fff;
  width: 100%;
  padding: 0;
  transition: .5s ease-in;
}

.slideOutContent > .inner {
  height: 100%;
  overflow-y: auto;
  padding: 50px 35px 20px;
  position: relative;
}

.slideOutContent > .inner:before {
  left: 100%;
}

.slideOutContent.active > .inner:before {
  left: 0;
}

.slideOutContent.active  {
  right: 0;
}

.slideOutContent .close {
  background: #ccc2bb;
  color: #fff;
  width: 10%;
  height: 50px;
  text-shadow: none;
  opacity: 1;
  font-size: 22px;
  transition: .5s ease;
  float: left;
  text-align: center;
  padding-top: 14px;
}

.slideOutContent.active .close {
  position: fixed;
  opacity: 1;
  z-index: 100;
}

/*booking*/

.bookingButtons > div {
  padding-top: 10px;
}

.bookingButtons .btn {
  font-size: 12px;
  padding: 10px 0 8px;
  opacity: 0.5;
}

.bookingButtons .big .btn {
  padding: 40px 10px;
  min-height: 120px;
  font-size: 14px;
}

.miniList {
  margin: 20px 0 10px;
}

.miniList li {
  position: relative;
  font-size: 12px;
  padding: 0 0 0 15px;
  width: 50%;
  float: left;
}

.miniList li:before {
  content:"\f058";
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal; 
  font-size: 12px;
  position: absolute;
  top: 0;
  left: 0;
}

.securityLogo {
  display: block;
  margin-top: 10px;
  float: right;
  max-width: 80px;
}

.ui-datepicker {
  position: fixed !important;
  top: 183px !important;
  left: auto !important;
  right: 34px !important;
}


/*FORMS
******************************************************************/

/*search*/

.search {
  position: relative;
}

.search .form-control {
  height: 50px;
  padding: 10px 12px;
  font-size: 16px;
  color: #47362b;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: inset none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  width: 80%;
}

.search .form-control::-webkit-input-placeholder {
   color: #47362b;
}
.search .form-control:-moz-placeholder {
   color: #47362b;  
}
.search .form-control::-moz-placeholder {
   color: #47362b;  
}
.search .form-control:-ms-input-placeholder {  
   color: #47362b;  
}

.search button {
  border: 0;
  background: transparent;
  color: #47362b;
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 16px;
}

/*booking form*/

.bookingWidget form {
  position: relative;
  margin-top: -10px;
}

.bookingWidget label {
  color: #604b3c;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
  display: block;
  float: left;
  width: 100%;
  
}

.bookingWidget label:nth-of-type(2n+2) {
  margin-top: 15px;
}

.bookingWidget select {
  height: 40px;
  padding: 10px 5px;
  font-size: 16px;
  color: #47362b;
  background-color: #dfdad6;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: inset none;
  display: block;
  float: left;
}

.bookingWidget #nights {
  width: 100%;
}

.bookingWidget #ci_day {
  width: 20%;
  margin-right: 3%;
}

.bookingWidget #ci_ym {
  width: 62%;
}

.bookingWidget .ui-datepicker-trigger {
  float: right;
  width: 12%;
  height: 40px;
  background-color: #dfdad6;
  padding: 10px 10px 10px;

}

.bookingWidget button {
  display: block;
  float: left;
  width: 100%;
  border: 0;
  background: #3585c6;
  padding: 10px 0;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 20px;
}


/*HEADER
******************************************************************/

.header {
  position: fixed;
  z-index: 91;
  top: 0;
  left: 0;
  right: 0;
  transition: .5s ease;
}

.header.sticky {
  position: fixed;
}

.header .container-fluid {
  padding-top: 0;
  padding-bottom: 0;
}

.header .logo {
  width: 80px;
  position: absolute;
  z-index: 20;
  top: 0;
  left: 50%;
  margin-left: -40px;
  transition: .7s ease;
  visibility: visible;
  opacity: 1;
}

.header.sticky .logo {
  opacity: 0;
  visibility: hidden;
}

.header .logo img {
  display: block;
  width: 100%;
  height: auto;
}

.btnBookMain {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  padding: 17px 0;
  width: 25%;
}

.btnBookMain .fa {
  padding-left: 10px;
}

/*top*/

.top {
  position: relative;
  height: 50px;
  padding-left: 10px;
}

.header.sticky .top {
  background: rgba(31,18,10,0.4);
}

.top li {
  float: left;
  padding: 0 10px 0 0;
}

.top a {
  display: block;
  height: 50px;
  color: #fff;
  text-decoration: none;
  padding: 15px 10px;
}

.top a .fa {
  font-size: 16px;
}


/*MAIN SLIDE OUT MENU
********************************************************************/

.slideOutMenu {
  z-index: 999;
  position: fixed;
  top: 0;
  bottom: 0;
  right: -100%;
  background: #fff;
  width: 100%;
  overflow-y: auto;
  transition: .5s ease-in;
}

.slideOutMenu.active {
  right: 0;
}

.slideOutMenu .close {
  background: #fff;
  color: #604b3c;
  width: 10%;
  height: 50px;
  text-shadow: none;
  opacity: 1;
  font-size: 22px;
  transition: .5s ease;
  float: left;
  text-align: center;
  padding-top: 14px;
}

/*search*/

.slideOutMenu .search {
  width: 65%;
  height: 50px;
  overflow: hidden;
  float: left;
  background: #ccc2bb;
}

/*main nav*/

.mainNav {
  list-style: none;
  margin: 60px 10% 25px;
}

.mainNav > li {
  position: relative;
  border-bottom: 1px solid rgba(204,194,187,0.3);
}

.mainNav a {
  display: inline-block;
  width: 100%;
  position: relative;
  font-size: 16px;
  text-transform: uppercase;
  color: #47362b;
  padding: 8px 40px 7px 0;
  text-decoration: none;
  transition: .5s ease;
  opacity: 0.5;
}

/*show sub nav*/

.mainNav .showSubNav {
  display: block;
  position: absolute;
  z-index: 10;
  top: 8px;
  right: 1px;
  text-align: center;
  cursor: pointer;
  transition: .3s all;
  color: #ccc2bb;
  width: 22px;
  height: 22px;
  font-size: 21px;
  line-height: 21px;
}

.mainNav .showSubNav:hover {
  opacity: 0.5;
}

.mainNav .showSubNav .fa:before {
  content:"+";
}

.mainNav .open .showSubNav .fa:before,
.mainNav .onPath .showSubNav .fa:before {
  content:"-";
  position: relative;
  top: -3px;
}

/*sub nav*/

.mainNav .subNavList1,
.mainNav .subNavList2 {
  padding: 0 0 0 30px;
  max-height: 0;
  overflow: hidden;
  transition: all .5s;
  border: 0;
  margin: 0;
}

.mainNav .open .subNavList1,
.mainNav .onPath .subNavList1,
.mainNav .open .subNavList2,
.mainNav .onPath > .subNavList2 {
  max-height: 700px;
  padding-bottom: 10px;
}

.mainNav .subNavList1 li {
  padding-left: 0;
  padding-right: 0;
}

.mainNav .subNavList1 a {
  font-size: 14px;
  text-transform: none;
  position: relative;
  padding: 5px 0;
}

.sidebar .mainNav .subNavList1 a {
  color: #9fa1a4;
}

.mainNav .subNavList1 .featuredPage {
  display: none;
}

/*subNavList2*/

.subNavList2 {
  padding-top: 10px;
}

.subNavList2 > li > a:before {
  content: "-";
  padding-right: 10px;
}

/*secondary nav*/

.secondaryNav {
  list-style: none;
  margin: 15px 10%;
}

.secondaryNav a {
  display: block;
  font-size: 15px;
  color: #47362b;
  opacity: 0.5;
  padding: 4px 0;
  transition: .5s ease;
  text-decoration: none;
}

.secondaryNav a:hover {
  opacity: 1;
  padding: 4px 0 4px 10px;
}

/*hover and sel*/

.mainNav a:hover {
  opacity: 1;
}

.mainNav > li > a:hover {
  padding-left: 30px;
}

.mainNav .sel > a {
  opacity: 1;
}




/*BANNER
used for rotating images sliders / hero images
the image height will dictate the height of the slider
***********************************************************************/

.banner.fullscreen {
  z-index: 1;
  background-color: #14100d;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}

/*image*/

.heroImage {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.heroImage .slick-list,
.heroImage .slick-track,
.heroImage .slick-slide/*,
.heroImage .image*/ {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}

.heroImage .image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #14100d;
}

/*
.heroImage .bg {

  min-height: 100%;
  min-width: 1200px;
  

  width: 100%;
  height: auto;
  

  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1200px) { 
  .heroImage .bg {
    left: 50%;
    margin-left: -600px; 
  }
}

*/
.heroImage .image {
  position: absolute;
  top: -25%;
  left: -25%;
  width: 150%;
  height: 150%;
}

.heroImage .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%;
}

/*
.heroImage .bg {
  position: fixed; 
  top: 0; 
  left: 0;  
  min-width: 100%;
  min-height: 100%;
}*/

@media only screen and (orientation: portrait) {

  .heroImage .image {
    top: -10%;
    left: -10%;
    width: 120%;
    height: 120%;
  }

}

@media only screen and (orientation: landscape) and (min-width: 1600px) {

  .heroImage .image {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
  } 

}


/*nav*/

.heroNavWrap {
  position: absolute !important;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;

  display: -webkit-flex;
  -webkit-align-items: center;

  display: -ms-flexbox;
  -ms-align-items: center;

  display: flex;
  align-items: center;
}

.heroNav {
  width: 100%;
}

.heroNav a {
  display: block;
  line-height: 1em;
  color: #fff;
  transition: .5s ease;
  letter-spacing: 0.02em;
  position: relative;
  text-decoration: none;
}

.heroNav .slick-current a {
  color: #3585c6;
}

/*inner page banners*/

.banner.innerPage {
  position: relative;
  z-index: 1;
}

.banner.innerPage .image {
  position: relative;
}

.banner.innerPage .image:before {
  content: "";
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 60%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 60%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 60%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.banner.innerPage img {
  display: block;
  width: 100%;
}

.banner.innerPage .text {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0 35px 0;
  color: #fff;
}

.banner.innerPage h2,
.banner.innerPage .subTitle {
  color: #fff;
}

.banner.innerPage h2 {
  font-size: 30px;
  text-transform: lowercase;
}


@media only screen and (orientation: portrait)  {

  .heroNav {
    padding: 130px 0 50px;
  }

  .heroNav .slick-slide {
    float: none !important;
    height: auto !important;
    width: 100% !important;
  }

  .heroNav:after,
  .heroNav li:before {
    content: "";
    display: block;
    width: 10%;
    border-top: 1px solid rgba(255,255,255,0.3);
    margin: 0 auto;
  }

  .heroNav a {
    font-size: 10vw;
    padding: 0.5em 0;
  }

  .heroNav .slick-slide:nth-child(2) a {
    font-size: 13vw;
    padding: 0.3em 0;
  }

}


@media only screen and (orientation: landscape)  {

  .heroNav {
    margin: 0 auto;
    padding: 100px 8% 50px;
    width: 100%;
  }

  .heroNav li,
  .heroNav a {
    outline: none;
  }

  .heroNav li:before,
  .heroNav li:last-child:after {
    content: "";
    display: block;
    float: left;
    width: 1%;
    height: 30px;
    border-left: 1px solid rgba(255,255,255,0.3);
    position: absolute;
    top: 50%;
    margin-top: -15px;
  }

  .heroNav li:last-child:after {
    float: right;
    right: 0;
  }

  .heroNav a {
    float: left;
    text-align: center;
    width: 98%;
    display: inline;
    vertical-align: bottom;
    font-size: 5vw;
    padding: 0.5em 0;
    position: relative;
  }

  .heroNav .slick-slide:nth-child(2) a {
    font-size: 7vw;
    padding: 0.3em 0;
  }

  .heroNav .slick-slide:nth-child(4) a {
    top: 0.2em;
  }

}



/*banner buttons*/

.banner .gallery {
  position: absolute;
  z-index: 10;
  bottom: 57px;
  left: 10px;
  color: #fff;
  font-size: 16px;
  padding: 10px;
}

.banner .heroBtnGroup {
  position: absolute;
  z-index: 10;
  bottom: 95px;
  right: 0;
}

.banner .giftvouchers {
  color: #fff;
  color: rgba(255,255,255,0.7);
  font-size: 12px;
  padding: 8px 12px 7px 8px;
  background: rgba(109,112,46,0.6);
  text-transform: uppercase;
  text-decoration: none;
}

.banner .giftvouchers .fa {
  padding-right: 5px;
  color: #fff;
}

.banner.innerPage .gallery {
  bottom: 10px;
}

.banner.innerPage .giftvouchers {
  bottom: 100px;
}

/*SPECIAL OFFERS
*******************************************************************/

.specialOffers {
  position: fixed;
  z-index:110;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  text-align: center;
  overflow: hidden;
}

.specialOffers h2 {
  margin: 17px 0 15px;
  font-size: 18px;
  cursor: pointer;
}

.specialOffers h3,
.specialOffers .showOffer {
  font-size: 16px;
  color: #47362b;
  text-transform: uppercase;
  margin: 20px 0;
}

.specialOffers.open {
  z-index: 200;
}

.specialOffersCarousel {
  max-height: 0;
  transition: .5s linear;
}

.open > .specialOffersCarousel {
  max-height: 600px;
}

.specialOffersCarousel .inner {
  padding: 0 10% 10px;
}


/*FOOTER
***********************************************************************/

.footer {
  position: relative;
  z-index: 90;
  background: #6d702e;
  padding: 60px 0 100px;
  text-align: center;
  color: #fff;
}

.footer .row > div {
  margin: 20px 0;
}

.footer p,
.footer li {
  margin: 5px 0;
}

.footer a {
  color: #fff;
}

.footer .bbdc {
  font-size: 10px;
  margin-top: 2px;
}

.footer .bbdc span {
  padding: 0 5px;
  color: rgba(255,255,255,0.2);
}

/*footer nav*/

.footerNavList li {
  display: inline-block;
}

.footerNavList a {
  padding: 0 5px 0 7px;
}

.footerNavList li:nth-child(n+2) a {
  border-left: 1px solid rgba(255,255,255,0.2);
}

/*country nav*/

.countryNavList {
  padding-top: 20px;
}

.countryNavList li {
  display: inline-block;
}

.countryNavList a {
  font-size: 12px;
  background: #47362b;
  padding: 18px 5px 3px;
}



/*SOCIAL NAV
***********************************************************************/

.navtwitter a:before {
  content: "\f099";
}
.navfacebook a:before {
  content: "\f09a";
}
.navlinkedin a:before {
  content: "\f0e1";
}
.navyoutube a:before {
  content: "\f167";
}
.navflickr a:before {
  content: "\f16e";
}
.navrss a:before {
  content: "\f09e";
}
.navpinterest a:before {
  content: "\f0d2";
}
.navgoogle a:before {
  content: "\f0d5";
}
.navvimeo a:before {
  content: "\f27d";
}
.navinstagram a:before {
  content: "\f16d";
}
.navtripadvisor a:before {
  content: "\f262";
}
.navblog a:before,
.navblog-feed a:before {
  content: "";
  background:url('../images/layout/icon_blogger.png') center bottom no-repeat;
  background-size: 26px auto;
}
.navplus a:before {
  content:"\f067";
}

.social {
  background: #4d5018;
  padding-top: 12px;
  padding-bottom: 3px;
  text-align: center;
}

.socialNavList {
  display: inline-block;
}

.socialNavList li {
  margin: 0 2px;
  overflow: hidden;
  float: left;
}

.socialNavList a,
.socialNavList .navplus a:focus {
  display: block;
  width: 26px;
  height: 42px;
  background: #6d702e;
  color: #fff;
  text-indent: -5000px;
  position: relative;
  transition: .7s ease;
}

.socialNavList a:before {
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-indent: 0;
  text-align: center;
  font-size: 16px;
  padding-top: 15px;
}

.socialNavList a:hover,
.socialNavList.open .navplus a:focus {
  background: #ccc2bb;
}

.socialNavList li:nth-child(n+5):not(.navplus) {
  width: 0;
  opacity: 0;
  margin: 0;
  transition: .5s linear;
}

.socialNavList.open li:nth-child(n+5) {
  width: 26px;
  opacity: 1;
  margin: 0 2px;
}

.socialNavList.open li.navplus a:before {
  content:"\f068";
}



/*************************************************************************************************

CONTENT BLOCVKS

*************************************************************************************************/


/*BIG QUOTES
used for testimonials, success stories, alumni stories etc
*************************************************************/


.bigQuote {
  background: #9e8d81;
}

.bigQuoteSlider .slick-track {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

body .bigQuoteSlider blockquote {
  border: 0;
  padding: 30px 15px;
  margin: 0;
  background: transparent none;
  text-align: center;
  color: #fff;
}

body .content .bigQuoteSlider blockquote {
  padding-top: 10px;
  padding-bottom: 10px;
}

.bigQuoteSlider p {
  font-size: 36px;
  line-height: 50px;
  position: relative;
}

.content .bigQuoteSlider p {
  font-size: 20px;
  line-height: 30px;
}

.bigQuoteSlider cite {
  display: block;
  font-style: normal;
  margin-top: 20px;
  text-transform: uppercase;
  font-size: 13px;
  color: #ccc2bb;
}

.bigQuoteSlider a {
  color: #ccc2bb;
  text-decoration: underline;
}

.bigQuoteSlider .fa {
  font-family: "Roboto", sans-serif;
}

.bigQuoteSlider .fa-quote-left:before {
  content: '\201C';
}

.bigQuoteSlider .fa-quote-right:before {
  content: '\201D';
}

/*STICKY Cookie Policy
***********************************************************/

div#stickycookiePolicy {
  height: auto;
  padding: 12px;
  background-color: #000;
  background: rgba(0,0,0,0.8);
  position: fixed;
  z-index: 500;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  color: rgba(255,255,255,0.7);
}

#home div#stickycookiePolicy {
  bottom: 50px;
}

div#stickycookiePolicy:hover {
  background-color: #000;
  background: rgba(0,0,0,0.8);
}

div#stickycookiePolicy .inner {
  margin: 0 auto;
  position: relative;
  z-index: 10;
  text-align: center;
  font-size: 13px;
}


div#stickycookiePolicy a.more {
  color: #fff;
  color: rgba(255,255,255,0.7);
}
div#stickycookiePolicy a.more:hover {
  opacity: 1;
}

div#stickycookiePolicy a.close {
  position: relative;
  display: inline-block;
  cursor: pointer;
  border: none;
    text-shadow: none;
    color: #fff;
    opacity: 1;
    float: none;
    top: 3px;
    left: 10px;
}

div#stickycookiePolicy a.close:hover {
  opacity: 1;
}


/*MESSAGE POPUP
**********************************************************/

.messageBg{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.2);
    z-index: 1010;
}

.message{
    display: none;
    position: fixed;
    top: 30%;
    left: 20%;
    right: 20%;
    padding: 2em;
    background: rgba(0,0,0,0.7);
    color: #fff;
    text-align: center;
    z-index: 1011;
}

.message .close{
    border: none;
}

.message input{
    padding: 0.5em;
}


/*GALLERY ADDON
*******************************************************/

body div#dccom_gdImageGallery {
  margin: 20px -5px 0;
}

body div#dccom_gdImageGallery div.gdImage {
  margin: 0;
  padding: 10px 5px 0;
  border: 0;
  width: 50% !important;
  min-width: 1% !important;
  max-width: 100% !important;
  position: relative;
  overflow: hidden;
}

body div#dccom_gdImageGallery div.gdImage:nth-child(5n+3) {
  width: 100% !important;
}

body div#dccom_gdImageGallery div.gdImage a {
  display: block;
  overflow: hidden;
}

body div#dccom_gdImageGallery div.gdImage img {
  border: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
  width: 100%;
  height: auto;
  display: block;
  transition: .5s ease;
}

body div#dccom_gdImageGallery div.gdImage img:hover {
  border: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
  transform: scale(1.05);
}

body div#dccom_gdImageGallery div.gdImage div.title {
  text-align: center;
  font-size: 12px;
  line-height: 14px;
  padding: 7px 10px;
  background: #fff;
  background: rgba(255,255,255,0.7);
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 5px;
  right: 5px;
}

body div#dccom_gdImageGallery div.gdImage div#description {
  display: none;
}

body .fancybox-title-float-wrap .child {
  display: block;
  margin-right: -100%;
  padding: 15px 20px;
  background: transparent;
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-shadow: none;
  color: #FFF;
  line-height: 24px;
  white-space: normal;
  font-size: 18px;
}

body .fancybox-title-float-wrap .child span {
  font-size: 14px;
  opacity: 0.7;
}


/*FEATURED CONTNET BLOCKS ON HOME PAGE
**********************************************************************/

.featuredContent .item {
  background: #fff;
}

.featuredContent .item:nth-child(3n+1) {
  background: #604b3c;
}

.featuredContent .item:nth-child(3n+3) {
  background: #ccc2bb;
}

.featuredContent .image {
  padding: 0;
}

.featuredContent img {
  width: 100%;
}

.featuredContent .text {
  padding: 50px 15% 80px;
  text-align: center;
}

.featuredContent h2 {
  text-transform: lowercase;
  font-size: 34px;
}

.featuredContent .item:nth-child(4n+2) h2 {
  font-size: 44px;
  margin-bottom: 12px;
}

.featuredContent p {
  opacity: 0.7;
}

.featuredContent .btn {
  margin-top: 10px;
}

.featuredContent .item:nth-child(3n+1) h2,
.featuredContent .item:nth-child(3n+1) .subTitle,
.featuredContent .item:nth-child(3n+1) p {
  color: #fff;
}



/*PAGE NAV AND SIDEBAR AND MAIN CONTENT
**********************************************************/

@media (max-width: 992px) {

  /*sidebar*/

  .sidebar {
    height: auto;
    margin: 0 -5px;
  }

  .sidebar .inner {
    overflow: hidden;
    z-index: 50;
    height: 0;
  }

  .sidebar.open .inner {
    height: auto;
  }

  .collapsePageNav {
    position: relative;
    text-align: left;
    color: #fff;
    font-size: 15px;
    background: #9e8d81;
    padding: 15px 15px 14px;
    text-transform: uppercase;
    margin: 0 0 0 0;
  }

  .collapsePageNav:after {
    content:"\f107";
    font-family: "FontAwesome";
    font-size: 20px;
    font-weight: normal;
    position: absolute;
    right: 15px;
    top: 11px;
    transition: .5s ease;
  }

  .open .collapsePageNav:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  /*page nav*/

  .pageNav {
    background: #ccc2bb;
  }

  .pageNav a {
    display: block;
    padding: 10px 40px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: #47362b;
    position: relative;
    text-tranaform: uppercase;
  }

  .pageNav a:after {
    content:"\f105";
    font-family: "FontAwesome";
    font-weight: normal;
    font-style: normal;
    opacity: 0.5;
    position: absolute;
    top: 10px;
    right: 40px;
  }

  .pageNav .subNavList1 a {
    padding-left: 60px;
  }

  .pageNav .onPath a {
    background: rgba(255,255,255,0.2);
  }

  .pageNav .onPath .onPath a {
    background: transparent;
  }

}

/*main content*/

.mainContent {
  overflow-x: hidden;
}

.mainContent .content {
  padding: 0 40px 50px;
  overflow-x: hidden;
}

.content .pageContent {
  height: 0;
  overflow: hidden;
  margin-top: -10px;
}

.content.open .pageContent {
  height: auto;
  
}

h1#pageTitle {
  color: #604b3c;
  font-size: 40px;
  text-transform: lowercase;
  text-align: center;
}

h1#pageTitle + .subTitle {
  text-align: center;
  font-size: 14px;
}

.content .showPageContent {
  text-align: center;
  position: relative;
  font-size: 15px;
  padding: 15px 15px 14px;
  text-transform: uppercase;
}

.content .showPageContent:after {
  content:"\f107";
  font-family: "FontAwesome";
  font-size: 20px;
  font-weight: normal;
  transition: .5s ease;
  padding-left: 10px;
}

.content.open  .showPageContent:after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}


/*SIDE ITEMS
***************************************************************/

.sideItems .inner {
  display: block;
  position: relative;
  height: 150px;
  background-color: #3585c6;
  background-position: center center;
  background-size: cover;
  margin: 0 0 1px;
  text-align: center;
  display: flex;
  align-items: center;
  color: #fff;
  text-decoration: none;
}

.sideItems .inner:hover,
.sideItems .inner:active,
.sideItems .inner:focus {
  opacity: 0.7;
}

.sideItems .inner:not(.noImage):before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.5);
}

.sideItems h3 {
  margin: 0;
  width: 100%;
  text-transform: lowercase;
  font-size: 26px;
  color: #fff;
  position: relative;
  z-index: 10;
}



/*NEWS
*************************************************************/

/*listing*/

.articlesList {
  margin: 0 -5px;
}

.content .dccom_gdNews .news-item {
  padding: 5px;
  margin: 0;
}

.content .dccom_gdNews .news-item .inner {
  background: #ccc2bb;
  overflow: hidden;
  width: 100%;
}

.dccom_gdNews .thumb {
  width: 100%;
  padding: 0;
}

.dccom_gdNews .details {
  width: 100%;
  padding: 20px 30px 30px;
  text-align: center;
}

.articlesList h3 {
  text-transform: uppercase;
   font-size: 20px;
   line-height: 24px;
   margin: 10px 0;
}


.articlesList .btn {
  background: #9e8d81;
  color: #fff;
  padding: 8px 20px;
}

.articlesList .btn .fa:before {
  content:"\f105";
  padding-left: 5px;
  margin-top: 10px;
}


/*LOGIN ADD ON
*************************************************************/

body .gdLogin_wrap {
  background: #ccc2bb;
}

body .gdLogin_wrap input[type="text"], 
body .gdLogin_wrap input[type="password"], 
body .gdLogin_wrap input[type="email"] {
  border: 0;
  height: 40px;
  padding: 5px 5px 5px 45px;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  color: #857266;
  border-radius: 0;
}

body .gdLogin_wrap input:focus[type="text"],
body .gdLogin_wrap input:focus[type="password"],
body .gdLogin_wrap input:focus[type="email"] {
  box-shadow: 0 0 7px rgba(0,0,0,0.2);
  border: 0;
}

body .gdLogin_helper {
  background: #9e8d81;
}

body .gdLogin_wrap button,
body .gdLogin_wrap button:hover {
  background: #604b3c;
  color: #fff;
}

/*
#dccom_gdloginWrap .col-md-offset-3 {
  margin: 0;
}
*/



/*PEOPLE STAFF PROFILES ADD ON
***********************************************************/

.dccom .filters {
  background: #ccc2bb;
  padding: 10px;
  margin-bottom: 20px;
}

.dccom .filters h3 {
  float: none;
  margin: 0 0 10px;
}

.dccom .filters .az {
    float: none;
  margin: 0;
}

.dccom .filters .az li {
  float: left;
  margin: 0;
  width: 10%;
}

.dccom .filters .az li:last-child {
  width: 40%;
}

.dccom .filters .az a {
  display: block;
  margin: 1px;
  text-align: center;
  font-size: 13px;
  color: #404041;
  background: #fff;
  text-transform: uppercase;
  padding: 5px 0;
}

.dccom .filters .az .sel a {
  color: #ccc2bb;
}

body .dccom_gdStaffProfiles {
  padding: 0;
  margin: 0 -5px;
}

.dccom .item_team {
    width: 100%;
    padding: 0 5px;
    margin: 10px 0 0 0;
}

.dccom .item_team .inner {
  background: #ccc2bb;
  width: 100%;
  text-align: center;
}

.dccom .image_team  {
  position: relative;
}

.dccom .image_team:before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  box-shadow: inset 0 0 100px rgba(0,0,0,0.1);
}

.dccom .image_team img {
  width: 100%;
}

.popup_team .name_team,
.dccom .name_team {
  overflow: hidden;
  margin-top: 0;
}

.popup_team .name_team h4,
.dccom .name_team h4 {
  font-size: 18px;
  margin: 35px 0 5px;
  margin-bottom: 0;
}

.popup_team .name_team p,
.dccom .name_team p {
  font-size: 14px;
  text-transform: uppercase;
  margin: 3px 0;
}

.dccom .about_team p:first-of-type {
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  color: #707073;
}

.dccom .contact_team,
.popup_team .contact_team {
  margin-top: 0;
  margin-bottom: 30px;
}

body .popup_team .contact_team {
  text-align: center;
}

.dccom .contact_team li {
  display: inline-block;
}

.dccom .contact_team a,
.popup_team .contact_team a {
  color: #404041;
}

.dccom .contact_team a .fa,
.popup_team .contact_team a .fa {
  color: #857266;
}

.dccom .social_team {
  padding: 0;
  margin: 0 -20px;
}

.dccom_gdStaffProfiles .social {
  padding: 0;
  text-align: center;
}

.dccom_gdStaffProfiles .social li {
  display: inline-block;
  float: none;
  margin: 10px 0 10px;
  padding: 0;
}

body .social_team a {
  display: block;
  width: 22px;
  height: 32px;
  background: #47362b !important;
  color: #857266;
  font-size: 14px;
  border-radius: 0;
  padding: 9px 0 0 0;
}

body .fancybox-close {
  background-image: none;
  background-color: #ccc2bb;
  border-radius: 50%;
  color: #fff;
  width: 36px;
  height: 36px;
  text-align: center;
  padding-top: 6px;
  text-decoration: none;
  transition: .5s ease;
}

body .fancybox-close:hover {
  transform: rotate(180deg);
}

body .fancybox-close:before {
  content:"\f00d";
  font-family: "FontAwesome";
  font-size: 18px;
}







/***************************************************************************
****************************************************************************

COLOURS AND FONTS
THIS BLOCK SHOULD ALWATS BE LAST

****************************************************************************
****************************************************************************/

/*colours*/

.stay .btn-primary,
.stay .btn-primary:hover,
.stay .btn-primary:active,
.stay .btn-primary:visited,
.stay .btn-primary:focus,
.stay .sideItems .inner,
.stay .bookingWidget button {
  background: #604b3c;
}

.lodges .btn-primary,
.lodges .btn-primary:hover,
.lodges .btn-primary:active,
.lodges .btn-primary:visited,
.lodges .btn-primary:focus,
.lodges .sideItems .inner,
.lodges .bookingWidget button {
  background: #5e3843;
}

.spa .btn-primary,
.spa .btn-primary:hover,
.spa .btn-primary:active,
.spa .btn-primary:visited,
.spa .btn-primary:focus,
.spa .sideItems .inner,
.spa .bookingWidget button {
  background: #923b05;
}

.golf .btn-primary,
.golf .btn-primary:hover,
.golf .btn-primary:active,
.golf .btn-primary:visited,
.golf .btn-primary:focus,
.golf .sideItems .inner,
.golf .bookingWidget button {
  background: #005b41;
}

.weddings .btn-primary,
.weddings .btn-primary:hover,
.weddings .btn-primary:active,
.weddings .btn-primary:visited,
.weddings .btn-primary:focus,
.weddings .sideItems .inner,
.weddings .bookingWidget button {
  background: #3585c6;
}

.dining .btn-primary,
.dining .btn-primary:hover,
.dining .btn-primary:active,
.dining .btn-primary:visited,
.dining .btn-primary:focus,
.dining .sideItems .inner,
.dining .bookingWidget button {
  background: #9e9e9e;
}

.gallery .btn-primary,
.gallery .btn-primary:hover,
.gallery .btn-primary:active,
.gallery .btn-primary:visited,
.gallery .btn-primary:focus,
.gallery .sideItems .inner,
.gallery .bookingWidget button {
  background: #3585c6;
}

.specials .btn-primary,
.specials .btn-primary:hover,
.specials .btn-primary:active,
.specials .btn-primary:visited,
.specials .btn-primary:focus,
.specials .sideItems .inner,
.specials .bookingWidget button {
  background: #3585c6;
}

.vouchers .btn-primary,
.vouchers .btn-primary:hover,
.vouchers .btn-primary:active,
.vouchers .btn-primary:visited,
.vouchers .btn-primary:focus,
.vouchers .sideItems .inner,
.vouchers .bookingWidget button {
  background: #3585c6;
}

/*fonts*/

.heroNav .slick-slide:nth-child(1),
.featuredContent .item:nth-child(4n+1) h2,
.stay .banner h2,
.weddings .banner h2 {
  font-family: 'Playfair Display', serif;
  font-weight: normal;
  font-style: normal;
  text-transform: lowercase;
}

.heroNav .slick-slide:nth-child(2),
.featuredContent .item:nth-child(4n+2) h2,
.spa .banner h2 {
  font-family: 'Great Vibes', cursive;
  font-weight: normal;
  font-style: normal;
  text-transform: lowercase;
}

.heroNav .slick-slide:nth-child(3),
.featuredContent .item:nth-child(4n+3) h2,
.golf .banner h2 {
  font-family: 'Playfair Display', serif;
  font-weight: normal;
  font-style: italic;
  text-transform: lowercase;
}

.heroNav .slick-slide:nth-child(4),
.featuredContent .item:nth-child(4n+4) h2,
.dining .banner h2 {
  font-family: 'Khula', sans-serif;
  font-weight: 300;
  font-style: normal;
  text-transform: lowercase;
}


/*DRIVING DIRECTIONS ADD ON
**************************************************************/

#gdmap_canvas {
  width: 100% !important;
  height: 300px !important;
}

body div#mapText {
  width: 100%;
  padding: 0;
}

body form#drivingForm input.text {
  padding: 7px 10px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 1px solid #ccc2bb;
  background-color: #e3ddd9;
  margin: 0;
  width: 100%;
}

body form#drivingForm input.btn {
  width: auto;
  height: auto;
  border: 0px;
  background-image: none;
  background-color: #857266;
  font-size: 14px;
  padding: 9px 20px 7px;
}

#directions-panel {
  padding: 0px !important;
  width: 100% !important;
}






/*COLOURS
*********************************************************/


.golf .btn-primary,
.golf .sideItems .inner {
  background-color: #005c42;
}

.spa .btn-primary,
.spa .sideItems .inner {
  background-color: #923b05;
}



@media (max-width: 749px) {

  


}

















@media (min-width: 768px) and (max-width: 992px) {


  /*HEADER*/

  .top li {
    padding: 0 10px;
    clear: left;
  }

  .top .callIcon {
    padding-top: 6px;
    height: 26px;
  }

}

















@media (min-width: 768px) {

  /*GENERAL*/

  .btn {
    font-size: 14px;
  }

  /*HEADER*/

  .btnBookMain {
    width: 140px;
  }

  .top .menuIcon {
    position: absolute;
    top: 0;
    right: 144px;
    font-size: 16px;
    padding: 0;
  }

  .top a {
    padding: 0;
    height: auto;
    opacity: 0.8;
    display: inline-block;
  }

  .top .menuIcon a {
    padding: 14px 20px;
    opacity: 1;
  }

  /*SLIDE OUT MENU AND CONTENT*/

  .slideOutMenu {
    right: -350px;
    width: 350px;
  }

  .slideOutContent {
    right: -350px;
    width: 350px;
  }

  .slideOutContent .close {
    width: 35px;
  }

  /*banner buttons*/

  .banner .gallery {
    bottom: 80px;
    left: 10px;
    font-size: 20px;
  }

  .banner .heroBtnGroup {
    bottom: 90px;
  }

  .banner .heroBtnGroup .heroBtn {
    float: right;
    clear: right;
    margin-top: 10px;
  }

  .banner .giftvouchers {
    font-size: 14px;
    padding: 8px 25px 7px 15px;
    transition: .5s ease;
  }

  .banner .giftvouchers:hover {
    padding-right: 35px;
    background: rgba(120,99,85,0.8);
  }

  .banner .livechat {
    color: #fff;
    color: rgba(255,255,255,0.7);
    font-size: 14px;
    padding: 7px 25px 6px 15px;
    background: rgba(158,141,129,0.6);
    text-transform: uppercase;
    text-decoration: none;
    transition: .5s ease;
  }

  .banner .livechat .fa {
    padding-right: 5px;
    color: #fff;
  }

  .banner .livechat:hover {
    padding-right: 35px;
    background: rgba(158,141,129,0.8);
  }

  .heroBtn.booknow {
    position: absolute;
    z-index: 10;
    bottom: 90px;
    left: 50%;
    margin-left: -60px;
    width: 120px;
    background: #604b3c;
    padding-left: 0;
    padding-right: 0;
  }

  /*BIG QUOTE*/

  .content .bigQuote {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .content .bigQuoteSlider p {
    font-size: 26px;
    line-height: 36px;
  }

  /*PAGE NAV AND SIDEBAR AND MAIN CONTENT*/

  .mainContent .content {
    padding: 0 100px 50px;
  }

  /*SIDE ITEMS*/

  .sideItems li {
    width: 50%;
    float: left;
  }

  .sideItems li:nth-child(2n+1) .inner {
    margin-right: 1px;
  }

  .sideItems li:last-child:nth-child(odd) {
    width: 100%;
  }

  .sideItems li:last-child:nth-child(odd) .inner {
    margin-right: 0;
    height: 220px;
  }


  /*GALLERY ADD ON*/

  body div#dccom_gdImageGallery div.gdImage:nth-child(5n+6) {
    clear: both;
  }

  body div#dccom_gdImageGallery div.gdImage,
  body div#dccom_gdImageGallery div.gdImage:nth-child(5n+3) {
    width: 25% !important;
    transition: .5s ease;
  }

  body div#dccom_gdImageGallery div.gdImage:nth-child(1),
  body div#dccom_gdImageGallery div.gdImage:nth-child(8),
  body div#dccom_gdImageGallery div.gdImage:nth-child(11),
  body div#dccom_gdImageGallery div.gdImage:nth-child(18) {
    width: 50% !important;
  }

  body div#dccom_gdImageGallery div.gdImage:nth-child(8),
  body div#dccom_gdImageGallery div.gdImage:nth-child(18) {
    float: right;
  }

  /*NEW ADD ON*/

  .articlesList {
    display: -webkit-flex;
    -webkit-align-items: stretch;
    -webkit-justify-content: left;
    -webkit-flex-flow: row wrap;
    -webkit-align-content: flex-end;

    display: -ms-flexbox;
    -ms-align-items: stretch;
    -ms-justify-content: left;
    -ms-flex-flow: row wrap;
    -ms-align-content: flex-end;

    display: flex;
    align-items: stretch;
    justify-content: left;
    flex-flow: row wrap;
    align-content: flex-end;
  }

  .content .dccom_gdNews .articlesList .news-item {
    width: 50%;
    float: left;
    
    display: -webkit-flex;
    -webkit-align-items: stretch;

    display: -ms-flexbox;
    -ms-align-items: stretch;

    display: flex;
    align-items: stretch;
  }

  .content .dccom_gdNews .articlesList .news-item:nth-child(2n+3) {
    clear: left;
  }


  /*PEOPLE STAFF PROFILES */

  .dccom_gdStaffProfiles.container {
    display: -webkit-flex;
    -webkit-align-items: stretch;
    -webkit-justify-content: left;
    -webkit-flex-flow: row wrap;
    -webkit-align-content: flex-end;

    display: -ms-flexbox;
    -ms-align-items: stretch;
    -ms-justify-content: left;
    -ms-flex-flow: row wrap;
    -ms-align-content: flex-end;

    display: flex;
    align-items: stretch;
    justify-content: left;
    flex-flow: row wrap;
    align-content: flex-end;
  }

  .dccom .filters .az li {
    width: 6.6666666667%;
  }

  .dccom .filters .az li:last-child {
    width: 26.6666666667%;
  }

  .dccom .filters .az a {
    font-size: 16px;
    padding: 8px 0;
  }

  .dccom .item_team {
      width: 33.3333333334%;

    display: -webkit-flex;
    -webkit-align-items: stretch;

    display: -ms-flexbox;
    -ms-align-items: stretch;

    display: flex;
    align-items: stretch;
  }
  

}

















@media (min-width: 992px) {

  body .menu-overlay {
    z-index: 120;
  }

  /*HEADER*/

  .header .logo {
    width: 120px;
    margin-left: -60px;
  }

  .top li:not(.menuIcon) {
    padding: 0 10px;
    margin-top: 12px;
  }

  .top li:nth-child(n+3) {
    border-left: 1px solid rgba(255,255,255,0.5);
  }

  /*BANNER*/

  .banner.innerPage .image:before {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 15%, rgba(0,0,0,0.1) 60%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0.1) 60%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0.1) 60%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }

  .banner.innerPage .text {
    padding-bottom: 40px;
  }

  .banner.innerPage h2 {
    font-size: 50px;
  }

  .banner.innerPage .subTitle {
    font-size: 18px;
    margin-top: -5px;
  }

  .banner.innerPage .gallery {
    bottom: 50px;
  }

  .banner.innerPage .giftvouchers {
    bottom: 104px;
  }

  .banner.innerPage .livechat {
    bottom: 58px;
  }

  /*SPECIAL OFFERS*/

  .specialOffers {
    background: transparent;
  }

  .specialOffers h2 {
    margin: 17px 0 15px;
    font-size: 18px;
    cursor: pointer;
  }

  .specialOffers .showOffer {
    cursor: pointer;
    margin: 0;
    padding: 15px 0;
  }

  .specialOffersCarousel {
    max-height: 1000px;
  }

  .specialOffersCarousel li {
    max-height: 50px;
    transition: .5s linear;
    width: 25%;
    display: inline-block;
    vertical-align:bottom;
    background: #fff;
    outline: none;
    border-right: 1px solid #604b3c;
    overflow: hidden;
  }

   .specialOffersCarousel li.open {
    max-height: 600px;
  }

  .specialOffersCarousel .inner {
    padding: 0 40px 30px;
  }

  /*FEATURED HOME PAGE CONTENT*/

  .featuredContent .item {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }

  .featuredContent .item:nth-child(2n+1) .image {
    -webkit-order: 2;
    order: 2;
  }

  .featuredContent .text {
    padding: 0 30px 0;
    text-align: center;
  }

  .featuredContent .text h2 {
    margin-top: 0;
  }

  /*FOOTER*/

  .footer {
    text-align: left;
  }

  .footer .row {
    padding: 0 12.5%;
  }

  /*PAGE NAV AND SIDEBAR AND MAIN CONTENT*/

  .breadcrumb {
    margin-left: 0;
    margin-right: 0;
    text-align: left;
  }

  .breadcrumb a {
    font-size: 12px;
  }

  .breadcrumb>li+li:before {
    font-size: 12px;
    padding: 0 5px;
  }

  .sidebar {
    padding-bottom: 50px;
    padding-right: 10px;
    border-right: 1px solid #e3ddd9;
  }

  .collapsePageNav {
    font-size: 16px;
    text-align: right;
    padding-right: 15px;
    margin-top: 17px;
  }

  .pageNav a {
    display: block;
    text-align: right;
    padding: 7px 25px 7px 0;
    color: #47362b;
    opacity: 0.6;
    transition: .5s ease;
    position: relative;
    text-decoration: none;
    font-size: 15px;
  }

  .pageNav .subNavList1 {
    padding: 0 10px 15px 0;
    background: #f2eeeb;
  }

  .pageNav .lev2 a {
    opacity: 0.6;
    font-size: 14px;
    padding: 3px 15px 3px 0;
  }

  .pageNav .onPath > a,
  .pageNav a:hover,
  .pageNav a:active {
    opacity: 1;
    background: #f2eeeb;
  }

  .pageNav .onPath > a:after,
  .pageNav a:hover:after,
  .pageNav a:active:after {
    content:"\f105";
    font-family: "FontAwesome";
    font-weight: normal;
    font-style: normal;
    opacity: 0.5;
    position: absolute;
    top: 7px;
    right: 10px;
  }

  .pageNav .onPath.lev2 > a:after,
  .pageNav .lev2 a:hover:after,
  .pageNav .lev2 a:active:after {
    top: 3px;
    right: 0;
  }

  .mainContent {
    padding: 50px 100px 0;
    margin-bottom: 50px;
  }

  .mainContent .content.col-md-9 {
    padding: 0 5% 50px 35px;
    border-left: 1px solid #e3ddd9;
    left: -1px;
  }

  .mainContent .content.col-md-10 {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }

  h1#pageTitle {
    text-align: left;
    margin-top: 12px;
  }

  h1#pageTitle + .subTitle {
    text-align: left;
    font-size: 14px;
  }

  .content .pageContent {
    height: auto;
  }

  /*PEOPLE STAFF PROFILES*/

  .dccom .filters .az li {
    width: 3.3%;
  }

  .dccom .filters .az li:last-child {
    width: 14.2%;
  }

  .dccom .filters .az a {
    font-size: 13px;
    padding: 8px 0 2px;
  }




}


















@media (min-width: 1170px) {


  /*SIDE ITEMS*/

  .sideItems .inner {
    height: 200px;
    transition: .5s ease;
  }

  .sideItems li:last-child:nth-child(odd) .inner {
    height: 300px;
  }

  .sideItems h3 {
    font-size: 32px;
  }

  /*DRIVING DIRECTIONS ADD ON*/

  #gdmap_canvas {
    height: 400px !important;
  }


}
















@media only screen and (orientation: landscape) and (min-width: 1280px) {


  .heroNav {
    
  }

  .heroNav li:before,
  .heroNav li:last-child:after {
    content: "";
    display: block;
    float: left;
    width: 1%;
    height: 30px;
    border-left: 1px solid rgba(255,255,255,0.3);
    position: absolute;
    top: 50%;
    margin-top: -15px;
  }

  .heroNav a {
    font-size: 4vw;
  }

  .heroNav .slick-slide:nth-child(2) a {
    font-size: 5.5vw;
    bottom: 0.02em;
  }


}









@media (min-width: 1600px) {
/*DRIVING DIRECTIONS ADD ON*/

  #gdmap_canvas {
    height: 600px !important;
  }


}