/***************************************************
**********          THEME STYLES          **********
***************************************************/
.amelia-app-booking #am-step-booking, .amelia-app-booking .am-step-booking-catalog {
  box-shadow: none !important;
}
.el-button{
  margin:0 0px 8px !important;
}
.facilities .text .inner{
  padding-top:0;
  margin-top:17%;
}
.featureSml{
  position:relative;
  display:inline-block;
}
.featuresSml li:nth-child(n+5){
  display:none;
}
.featureSml:after{
  top:50%;
  width:70px;
  display:block;
  margin-top:-1px;
  position:absolute;
  left:calc(100% + 15px);
}
.featureSml:after,
.featuresSml:before {
  content: "";
  /*border-bottom:1px dashed #000;*/
  height:2px;
  background-position:bottom;
  background-size:10px 2px;
  background-repeat:repeat-x;
  background-image:linear-gradient(to right, black 33%, rgba(255,255,255,1) 0%);
}
.featuresSml:before{
  width:50px;
  margin-bottom:4px;
  margin-left:20px;
  margin-right:20px;
  display:inline-block;
}
.featureVert{
  padding-left:3vw;
}
.featureVert:after, .featureVert:before{
  content:"";
  background-position:left;
  background-size:7px 10px;
  background-repeat:repeat-y;
  background-image:linear-gradient(to bottom, black 33%, rgba(255,255,255,1) 0%);
}

.featureVert:after{
  top:0;
  left:0;
  width:2px;
  height:100%;
  display:block;
  margin-top:-1px;
  position:absolute;
}

.footer-top .social h5 a {
  color:#2c2c2c;
  font-weight:bold;
}
.footer-top .social h5 a span {
  font-weight:700;
}
footer .featureVert{
  padding-left:15px;
}
footer .social img{
  
  margin-bottom:8px;
}
footer ul li{
  margin-bottom:5px;
}
header .checkavailability{
  position:fixed;
  right:110px;
  padding:0;
  top:20px;
  transition:none;
  background-color:transparent;
}
header .checkavailability img{
  width:230px;
}
header .checkavailability img:hover{
  transition:opacity 0.3s;
  opacity:0.8;
}
header .logo{
  margin-top:20px;
}
header.white{
  background-color:#fff;
  height:95px;
}
div#podium-website-widget {
  /*display:none;*/
}
.hero img{
  margin-left:auto;
  height:auto;
  width:100vw;
}
.sticky-curate{
  right:110px;
  width:165px;
}
.pull-dark span{
  background-color:#000 !important;
}


.accommodation .image.six-col {
  width:calc(50% + 41px);
  margin-left:-40px;
}
.accommodation .image{
  width:40vw;
  max-width:800px;
  background-color:#fff;
}
.accommodation .text .inner,
.dining .text .vert-centre,
.facilities .text .inner,
.nightfall .text .vert-centre {
  max-width:400px;
}

.accommodation .text {
  width:calc(50% - 40px);
  margin-top:10%;
  z-index:1;
}

.accommodation .text img {
  width:100%;
  height:auto;
  max-width:800px;
  margin-top:60px;
  background-color:#fff;
}
.booking h2{
}
.booking .address2{
  display:flex;
  margin-top:15px;
  justify-content:left;
}
.booking .bookingAmendments{
  /*display:none;
  opacity:0;*/
}
#booking-overlay #pull-close span{
  background:#2c2c2c;
}
.drk-grey-bg {
  background:#000;

}
.drk-grey-bg a{
  color:#fff;
}
.drk-grey-bg.style1 {
  padding-top:10vh;
  padding-bottom:10vh;
}
.drk-grey-bg.style1 .text{
  display:flex;
  /*margin-bottom:45px;*/
  flex-direction:column;
  justify-content:center;
}
.drk-grey-bg .feature:after, .drk-grey-bg .features:before{
  width:1000px;
  border-color:#fff;
}

.drk-grey-bg h3{
  text-transform:uppercase;
  margin-top:0;
  color:#fff;
}
.drk-grey-bg p{
  color:#fff;
  margin-bottom:0;
}
.footer-top{
  position:relative;
  height:45vh;
}
.intro-info .text p,
p.intro {
  font-size: 19px
}
.intro-info .greeting {
  width: calc(50% - 40px)
}

.intro-info .greeting .h2 {
  margin: 0 0 .8em
}

.intro-info .greeting .fade a.nav {
  display: none!important
}

.intro-info .text {
  margin-left:-40px;
  width:calc(50% + 40px);
}

.intro-info .text2 p{
  font: 300 18px/1.5em Brown, sans-serif;
}

.intro-info .text p.intro {
  margin: 0
}

.intro-info-wrap{
  padding: 80px 0;
}
.intro-info-wrap .btn{
  color:#fff;
  margin-top:20px;
  padding:10px 15px;
  display:inline-block;
  background-color:#000;
}
.intro-info-wrap .btn:hover{
  color:#000;
  background-color:#ccc;
}
.intro-info-wrap .btn a{
  color:#fff;
}
.ml-0 .promotion:nth-child(3n+1){
  margin-left:0;
}
.ml-0 .social-col{
  margin-left:3px;
}
.nice-select{
  font-size:18px;
  padding:25px 20px;
  border-radius:6px;
  border:1px solid #2c2c2c;
}
#pull span.dark{
  background:#000;
}
stitchSml{
  display:block;
  width:80px;
  height:1px;
  margin:40px 0;
  border-bottom:1px solid #2c2c2c;
}
stitchFblk{
  display:block;
  width:100%;
  height:2px;
  background-position:bottom;
  background-size:10px 2px;
  background-repeat:repeat-x;
  background-image:linear-gradient(to right, black 33%, rgba(255,255,255,1) 0%);
}
stitchFwht{
  /*display:block;
  height:1px;
  margin-bottom:20px;
  border-bottom:1px dashed #fff;*/
  display:block;
  width:100%;
  height:2px;
  background-position:bottom;
  background-size:10px 2px;
  background-repeat:repeat-x;
  background-image:linear-gradient(to right, rgba(255,255,255,1) 33%, transparent 0%);
}
.styles-relative .text{
  margin-top:30px;
}
.styles-relative h4{
  color:#fff;
}
.tbl-subscribe{
  position:absolute;
  left:5%;
  top:50%;
  transform:translateY(-50%);
}
.tbl-subscribe h3{
  font-size:17px;
}


/********************************************************
**********          SINGLE POST PAGES          **********
********************************************************/
.blogBlackGlass{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.5);
}
.blogCopy {
  /*margin-top:30px;
  width:77%;*/
}
.blogContent{
  /*display:flex;
  height:100%;*/
  margin:0 auto;
  max-width:1280px;
  /*align-items:center;*/
}
.blogContentWrap{
  position:relative;
  height:80vh;
  overflow:hidden;
  max-width:1280px;
  margin:17vh auto 0;
}
.blogContent.imgSide{
  position:absolute;
  left:50%;
  width:100%;
  transform:translateX(-50%);
}
.blogContent.txtSide{
  position:relative;
  z-index:1;
  height:100%;
  max-width:unset;
  overflow:scroll;
  width:calc(100% + 10px);
}
.blogSeeMore{
  position:absolute;
  left:0;
  bottom:0;
  cursor:pointer;
  font-size:1.1em;
  font-weight:500;
}
.blogTitle{
  padding:2vw 5vw 0 0vw;
  width:100%;
  z-index:1;
}
.blogTitle .author{
  color:#fff;
  font-weight:500;
  letter-spacing:1px;
  text-transform:uppercase;
}
.blogTitle .date{
  font-weight:400;
  letter-spacing:1px;
  text-transform:uppercase;
}
.blogTitle .h2{
  font-size:1.8em;
  margin:8px auto 16px;
}
fadeUp{
  position:absolute;
  width:100%;
  height:25%;
  bottom:0;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,1));
}
figcaption{
  color:#777;
  font-style:italic;
  text-align:right;
  font-size:0.8em;
  margin-right:1em;
}
.postPt2{
  display:none;
}
.single-post-in{
  /*margin:17vh auto 0;
  height:80vh;*/
}
.single-post-in .image{
  /*overflow:hidden;
  height:100%;*/
}
.single-post-in .six-col:nth-child(1){
  /*height:100%;*/
}
.single-post-in .six-col:nth-child(1) img{
  /*position:absolute;*/
  height:auto;
  /*left:50%;
  top:50%;*/
  width:100%;
  max-width:initial;
  /*transform:translate(-50%, -50%);*/
}
.single-post-in .six-col:nth-child(2){
  display:flex;
  height:100%;
  /*overflow:scroll;*/
  align-items:center;
  flex-direction:column;
}

.single-post-in .six-col:nth-child(2) .text:nth-child(2){
  
}
.single-post-in .text p{
  margin-bottom:35px;
}
.single-post-in .firstSection{
  position:relative;
  margin-top:15vh;
  left:50%;
  width:85%;
  height:70vh;
  max-width:1280px;
  transform:translateX(-50%);
}
.single-post .firstSection centre{
  top:50%;
  transform:translateY(-50%);
}
.single-post .secondSection{
  width:85%;
  margin:0 auto;
  max-width:1280px;
}
.v-centre{
  display:flex;
  align-items:center;
}
.wp-block-embed-youtube iframe{
  width:100%;
}


/************************************************************
**********          AMELIA BOOKING SYSTEM          **********
************************************************************/


.am-confirmation-booking-header img{
  margin:0 auto;
}
.amelia-app-booking .am-step-booking-catalog{
  border:none !important;
}
.am-success-payment .am-svg-wrapper{
  display:none;
}
.tbl-headerCall{
  position:relative;
  margin-left:3%;
  margin-top:-85px;
  margin-bottom:25px;
  max-width:150px;
}
.tbl-headerCall a{
  display:inline;
  color:#2c2c2c;
}
.tbl-headerCall img{
  max-width:15px;
  display:inline;
}


/****************************************************
**********          PODIUM STYLES          **********
****************************************************/

.ContactBubble{
  right:110px;
  bottom:50px;
}

/**************************************************
**********          TBL STYLES          **********
**************************************************/


.s3d-mobileOn{
  display:none;
}
.archive-readmore{
  
}
.tbl-archiveTile{
  min-height:430px;
}
.tbl-archiveTile h3{
  min-height:60px;
}
.excerpt{
  height:65px;
}
.js-filter-item.selected{
  border-bottom:2px solid #333;
}
.tbl-atelierS2{
  
}
.tbl-atelierS2 .text{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
}
.tbl-atelierS2 .text.last{
  right:0;
}
.tbl-atelierS2 .centre:nth-child(2){
  top:-75px;
}
.tbl-ateliersS5{
  
}
.tbl-ateliersS5 .image{
  margin-top:5vh;
  margin-bottom:-25vh;
}
.tbl-arrowDown{

}
.tbl-backtotop{
  opacity:0.6;
}
.tbl-backtotop:hover{
  opacity:0.9;
}
.tbl-blog-cat{
  position:relative;
  z-index:1;
}
.tbl-blog-cat h1{
  margin:0;
}
.tbl-blog-cat .nice-select{
  display:inline-block;
  padding:5px 20px;
  max-width:350px;
  width:100%;
}
.tbl-blog-cat .nice-select span{
  position:relative;
  font-size:15px;
  top:auto;
}
.tbl-blog-cat .nice-select ul{
  
}
.tbl-blog-cat .nice-select ul li a{
  display:block;
  color:#000;
}
.tbl-blog-cat .tbl-cat-wrap{
  width:100%;
  text-align:center;
}
.tbl-blog-cat .tbl-cat-wrap ul{
  
}
.tbl-blog-cat .tbl-cat-wrap li{
  margin-left:5%;
  display:inline;
  padding-bottom:3px;
}
.tbl-blog-cat .tbl-cat-wrap li:first-child{
  margin-left:0%;
}

.tbl-blog-cat .tbl-cat-wrap li a{
  color:#000;
  font-weight:500;
  font: 400 16px/1.5em Brown, sans-serif;
}

.tbl-dormVid{
  position:absolute;
}
.tbl-dormVidWrap{
  
}

.tbl-fullBleedLul{
  width:100vw;
  height:100vh;
  overflow:hidden;
}
.tbl-fullBleedLul.dzx-vCentre{
  display:flex;
  align-items:center;
}
.tbl-fullBleedLul a, .tbl-fullBleedLul p{
  color:#fff;
}
.tbl-fullBleedLul.about .tbl-txt2{
  margin-top:25%;
}
.tbl-fullBleedLul .feature:after, .tbl-fullBleedLul .features:before{
  border-color:#fff;
}
.tbl-fullBleedLul .fs-hero{
  position:absolute;
  top:50%;
  left:50%;
  width:105vw;
  height:auto;
  transform:translate(-50%, -50%);
}

.tbl-fullBleedLul1{
  width:100vw;
  height:100vh;
  overflow:hidden;
}
.tbl-fullBleedLul1.dzx-vCentre{
  display:flex;
  align-items:center;
}
.tbl-fullBleedLul1 a, .tbl-fullBleedLul1 p{
  color:#fff;
}
.tbl-fullBleedLul1.about .tbl-txt2{
  margin-top:25%;
}
.tbl-fullBleedLul1 .feature:after, .tbl-fullBleedLul1 .features:before{
  border-color:#fff;
}
.tbl-fullBleedLul1 .fs-hero{
  position:absolute;
  top:50%;
  left:50%;
  width:105vw;
  height:auto;
  transform:translate(-50%, -50%);
}

.tbl-fullBleedLul1 .fs2-hero1{
  position:absolute;
  top:32%;
  left:73%;
  width:125vw;
  height:auto;
  transform:translate(-50%, -50%);

}

.tbl-fullBleedLul .fs2-hero{
  position:absolute;
  top:32%;
  left:50%;
  width:125vw;
  height:auto;
  transform:translate(-50%, -50%);

}

.tbl-fullBleedLul .fs-hero {
max-width: 100%;
height:auto;
box-sizing:border-box;
display:block;
}

.tbl-fullBleedLul .fs2-hero {
max-width: 100%;
height:auto;
box-sizing:border-box;
display:block;
}

.tbl-fullBleedLul1 .fs-hero1 {
max-width: 100%;
height:auto;
box-sizing:border-box;
display:block;
}

.tbl-fullBleedLul1 .fs2-hero1 {
max-width: 100%;
height:auto;
box-sizing:border-box;
display:block;
}

.tbl-fullBleedLul .tbl-txt2{
  z-index:1;
  border-color:#fff;
}
.tbl-fullBleedLul .tbl-txt2 h2{
  text-transform:uppercase;
  color:#fff !important;
}
.accommodation .dzx-imgCta{
  /*position:absolute;*/
  /*bottom:10px;
  left:10%;
  z-index:1;*/
}
.tbl-fullBleedLul .dzx-imgCta{
  font-size:17px;
  color:#fff;
}






.tbl-fullBleedLul1.dzx-vCentre{
  display:flex;
  align-items:center;
}
.tbl-fullBleedLul1 a, .tbl-fullBleedLul1 p{
  color:#fff;
}
.tbl-fullBleedLul1.about .tbl-txt2{
  margin-top:25%;
}
.tbl-fullBleedLul1 .feature:after, .tbl-fullBleedLul1 .features:before{
  border-color:#fff;
}
.tbl-fullBleedLul1 .fs-hero{
  position:absolute;
  top:50%;
  left:50%;
  width:105vw;
  height:auto;
  transform:translate(-50%, -50%);
}

.tbl-fullBleedLul1 .fs2-hero{
  position:absolute;
  top:30%;
  left:50%;
  width:105vw;
  height:auto;
  transform:translate(-50%, -50%);
}

.tbl-fullBleedLul1 .fs-hero {
max-width: 100%;
height:auto;
box-sizing:border-box;
display:block;
}

.tbl-fullBleedLul1 .fs2-hero {
max-width: 100%;
height:auto;
box-sizing:border-box;
display:block;
}

.tbl-fullBleedLul1 .tbl-txt2{
  z-index:1;
  border-color:#fff;
}
.tbl-fullBleedLul1 .tbl-txt2 h2{
  text-transform:uppercase;
  color:#fff !important;
}
.accommodation .dzx-imgCta{
  /*position:absolute;*/
  /*bottom:10px;
  left:10%;
  z-index:1;*/
}
.tbl-fullBleedLul1 .dzx-imgCta{
  font-size:17px;
  color:#fff;
}











.tbl-livechat{
  border-radius:3px;
  background-color:#666;
  padding:7px 12px 0px 7px;
}
.tbl-livechat a{
  color:#fff;
  font-weight:500;
  font-size:0.9em;
  display:inline-block;
  transform:translateY(-50%);
}
.tbl-livechat img{
  height:30px;
  display:inline;
  transition:opacity 0.3s;
}
header .tbl-livechat .questionwht{
  display:inline;
  opacity:1;
}
/*header.fixed .tbl-livechat .questionwht{
  display:none;
  opacity:0;
}*/
header .tbl-livechat .questionblk{
  display:none;
  opacity:0;
}/*
header.fixed .tbl-livechat .questionblk{
  display:inline;
  opacity:1;
}
header.fixed .tbl-livechat a{
  color:#2c2c2c;
}*/
.tbl-txtCentre{
  text-align:center;
}
.tbl-txtCentre.h2{
  /*font-weight:500;*/
}
.tbl-vent{
  position:absolute;
  top:50%;
  transform:translateY(-50%) !important;
}
.tbl-vent .h2{
  margin-top:0;
  line-height:1;
}
.tbl-vent.last{
  right:0;
}


/**************************************************
**********          DZX SUGARS          **********
**************************************************/


.dzx-ml0{
  margin-left:0px;
}
.dzx-ml10{
  margin-left:10px;
}
.dzx-mb10{
  margin-bottom:10px;
}
.dzx-mb20{
  margin-bottom:50px;
}
.dzx-mb30{
  margin-bottom:30px;
}
.dzx-mb40{
  margin-bottom:40px;
}
.dzx-mb50{
  margin-bottom:-356px;
}
.dzx-mb60{
  margin-bottom:-88px;
   bottom: -10px;
}

.dzx-mb70{
  margin-bottom:-10px;
}
.dzx-mb25vh{
  margin-bottom:25vh;
}
.dzx-mt0{
  margin-top:0px;
}
.dzx-mt20{
  margin-top:30px;
}
.dzx-mt30{
  margin-top:30px;
}
.dzx-ofh{
  overflow:hidden;
}


/****/
.s3d-mb10vh{
  margin-bottom:10vh;
}
.s3d-mb20vh{
  margin-bottom:20vh;
}
.s3d-mb30vh{
  margin-bottom:30vh;
}
.s3d-mb40vh{
  margin-bottom:40vh;
}
.s3d-mb50vh{
  margin-bottom:50vh;
}
.s3d-mb60vh{
  margin-bottom:60vh;
}
/****/
.s3d-mt10vh{
  margin-top:10vh;
}
.s3d-mt20vh{
  margin-top:20vh;
}
.s3d-mt30vh{
  margin-top:30vh;
}
.s3d-mt40vh{
  margin-top:40vh;
}
.s3d-mt50vh{
  margin-top:50vh;
}
.s3d-mt60vh{
  margin-top:60vh;
}

/**************************************************
**********          S3D SUGARS          **********
**************************************************/

.s3d-1col{
  width:10%;
}
.s3d-2col{
  width:20%;
}
.s3d-3col{
  width:30%;
}
.s3d-4col{
  width:40%;
}
.s3d-5col{
  width:50%;
}
.s4d-6col{
  width:60%;
}
.s3d-7col{
  width:70%;
}
.s3d-8col{
  width:80%;
}
.s3d-9col{
  width:90%;
}
.s3d-fcol{
  width:100%;
}
/*** VERTICAL TOP ***/
.s3d-vt{
  align-items:flex-start;
}
/*** VERTICAL CENTER ***/
.s3d-vc{
  align-items:center;
}
/*** VERTICAL BOTTOM ***/
.s3d-vb{
  align-items:flex-end;
}
/*** HORIZONTAL LEFTR ***/
.s3d-hl{
  justify-content:flex-start;
}
/*** HORIZONTAL CENTER ***/
.s3d-hc{
  justify-content:center;
}
/*** HORIZONTAL RIGHT ***/
.s3d-hr{
  justify-content:flex-end;
}
.s3d-flx .s3d-5col{
  width:auto;
  flex-basis:50%;
}
.s3d-flx .s3d-8col{
  width:auto;
  flex-basis:80%;
}
.s3d-flx .s3d-fcol{
  width:auto;
  flex-basis:100%;
}
.s3d-flx{
  display:flex;
}
.s3d-flxDirCol{
  flex-direction:column;
}
.s3d-flxwrp{
  flex-wrap:wrap;
}

.s3d-pilotBorder{
  border:1px solid #FF1D20;
}

@media only screen and (min-device-width : 375px) /* ALL STYLES FROM IPHONE AND IPAD */
and (max-device-width : 667px){

  .s3d-mflxDirCol{
    flex-direction:column !important;
  }

}

/********************************************************
**********          PAGE LOADING SCREEN          **********
********************************************************/

@-webkit-keyframes pulse {
  0% { -webkit-transform: scale(0.9); opacity: 0.5; }
  50% { -webkit-transform: scale(1); opacity: 1; }
  100% { -webkit-transform: scale(0.9); opacity: 0.5; }
}

@keyframes pulse {
  0% { transform: scale(0.9); opacity: 0.5; }
  50% { transform: scale(1); opacity: 1; }
  100% { transform: scale(0.9); opacity: 0.5; }
}
.loading{
  position:fixed;
  display:flex;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:9;
  flex-wrap:wrap;
  align-items:center;
  background-color:#000;
  justify-content:center;
  transition:opacity 0.5s;
}
.loading img{
  margin:0;
  width:30%;
  max-width:250px;
  -webkit-animation: pulse 3s infinite ease-in-out;
  -o-animation: pulse 3s infinite ease-in-out;
  -ms-animation: pulse 3s infinite ease-in-out; 
  -moz-animation: pulse 3s infinite ease-in-out; 
  animation: pulse 3s infinite ease-in-out;
}

/********************************************************
**********          BESPOKE HOME PAGE          **********
********************************************************/


.home-intro .greeting{
  width:calc(42% - 40px);
  text-align:justify;

}
.homeQuoteSlider{
  width:33%;
}
.homeQuote{
  position:absolute;
  left:80px;
  bottom:30%;
  margin-left:0;
}
.homeQuote h1{
  color:#fff;
  line-height:45px !important;
  font:300 42px/0.9em Beausite Light, sans-serif;
}
.homeQuote img{
  width:100%;
  height:auto;
}
.homeS7{
  position:relative;
}
.homeS8{
  margin-top:-65px;
}
.homeS8 .image{
  background-color:#fff;
}
.homeS8 .text{
  position:absolute;
  top:50%;
  right:20px;
  transform:translateY(-50%);
}
.homeS8x{
  margin-top:-45px;
}
.homeS8x .image{
  background-color:#fff;
}
.homeS9 img{
  width:90%;
  max-width:150px;
  margin:0 auto;
}
.homeS9 .asSeenIn{
  width:85%;
  margin:0 auto auto 5%;
}
.homeS9 .columns{
  overflow:hidden;
}
.homeS9 .column{
  padding-bottom:0;
}
.homeS9 .text p{
  text-align:center;
  font-size:23px;
}
.tbl-homehero3{
  position:absolute;
  width:50%;
  top:50%;
  left:50%;
  z-index:1;
  transform:translateY(-50%);
}
.tbl-imgSubcopy{
  position:absolute;
  bottom:20px;
  width:100%;
  z-index:2;
  text-align:center;
}
.tbl-imgSubcopy h3{
  font-weight:600;
  color:#fff;
  font-size:20px;
  margin-bottom:5px;
}
.tbl-imgSubcopy h4{
  margin-top:3px;
  color:#fff;
  text-transform:none;
}


/*********************************************************
**********          BESPOKE ABOUT PAGE          **********
*********************************************************/

.tbl-aboutIntroText{
  width:calc(50% + 30px) !important
}
.tbl-about-meetTheTailors a{
  color:#fff;
}
.tbl-about-meetTheTailors p{
  color:#fff;
}
.tbl-txt2{
  margin-top:85px;
}
.tbl-txt2 p{
  margin-bottom:0;
}

/*******************************************************************
**********          BESPOKE MADE TO MEASURE PAGE          **********
*******************************************************************/


.mtm-about{
  
}
.mtm-about .lastImg{
  transform:translate(2%, -12%);
}
.mtm-about .text{
  margin-top:145px;
}


/*******************************************************************
**********          BESPOKE MADE TO MEASURE PAGE          **********
*******************************************************************/


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


/************************************************************
**********          BESPOKE STYLES PAGES          **********
************************************************************/


.tbl-ps a{
  color:#2c2c2c;
}
.tbl-stylesCat {
  min-height:435px;
}
.styles-text{
  
}
.styles-text p:first-child{
  font:600 25px/1.3em din-2014, sans-serif;
  text-transform:uppercase;
  line-height:30px;
  margin-bottom:10px;
}
.styles-text p:last-child{
  font:300 16px/0.9em din-2014, sans-serif;
}


/******************************************************************
**********          BESPOKE SINGLE ARTICLE PAGE          **********
******************************************************************/


.tbl-related-post a{
  color:#fff;
}

/*************************************************************
**********          BESPOKE LOCATIONS PAGE          **********
*************************************************************/

.tbl-loc-sel{
  margin:20px auto 35px;
}
.tbl-loc-sel a{
  margin-right:30px;
  font-size:18px;
  color:#000;
  font-weight:600;
}


/*******************************************************
**********          BESPOKE 404 PAGE          **********
*******************************************************/


.tbl-404Wrap{
  display:flex;
  width:100vw;
  height:60vh;
  align-items:center;
  text-align:center;
  justify-content:center;
}


/***********************************************************
**********          BESPOKE MOBILE VIEWS          **********
***********************************************************/


@media only screen and (max-width:1240px) {
  .accommodation .text .inner,
  .dining .text .vert-centre,
  .facilities .text .inner,
  .nightfall .text .vert-centre{
    max-width:300px;
  }
}
@media only screen and (max-width:980px){
  .accommodation .text .inner,
  .dining .text .vert-centre,
  .facilities .text .inner,
  .nightfall .text .vert-centre{
    max-width:245px;
  }
	
  header .logo img{
    width:160px;
  }
	
  #book-now{
	right:15px;
  }
	
  #menu-overlay #menu{
	text-align:center;
	margin-top:16vh;
  }
  #menu nav ul li{
	margin:0 0 6%;
  }
	
}
@media only screen and (max-width:767px) {
  .accommodation .text .inner,
  .dining .text .vert-centre,
  .facilities .text .inner,
  .nightfall .text .vert-centre {
    max-width: 312px
  }
  .accommodation {
    padding: 0 0 140px
  }
  .accommodation .centre {
    width: 100%
  }
  .accommodation .text {
    margin: 20px auto 40px;
    width: 86%
  }
  .accommodation .text img {
    width: 200px;
    position: absolute;
    left: -74px;
    top: 463px
  }
  .accommodation .image.six-col {
    margin-left:auto;
    width:60%;
    margin-right:0;
  }
}
@media only screen and (min-device-width : 375px) 
and (max-device-width : 667px){
  .apartments .image img{
	max-width:100%;
  }
  .facilities .text .inner{
    margin-top:20px;
  }
  .drk-grey-bg h3{
    font-weight:600;
    font-size:28px;
    margin:0px auto 38px;
  }
	
/********************************************/
/**********    MOBILE HOME PAGE    **********/
/********************************************/
	
  .dzx-homeSlider{
	width:100vw;
    left:-7vw;
  }
  .facilities .text .inner{
	padding-top:0;
  }
  .hero img{
    height:45vh;
    width:auto;
    margin-left:-2%;
  }
  .hero1 img{
    height:59vh;
    width:auto;
    margin-left:-32%;
  }


  .homeS7 .six-col{
	margin-top:35px;
  }
  .homeS8 .text{
	right:auto;
    margin:16px auto 28px;
  }
  .homeS8{
	margin-top:0;
  }
  .homeS8 .text{
	position:relative;
    top:0;
    transform:translateY(0);
  }
  .homeS8x{
	margin-top:10px;
  }	
  .homeS8x .six-col{
	margin-top:28px;
  }
  .homeS9{
	padding-bottom:40px;
  }
  .homeS9 h3{
	text-align:center;
  }
  .homeS9 .columns{
	width:100%;
  }
  .tbl-homeBusiness{
	width:85% !important;
    margin:20px auto !important;
  }
  .tbl-homeCasual{
	margin-bottom:0 !important;
  }
  .tbl-gqMob{
    width: 49%;
    display: inline-block;
  }
	
	
/**************************************************
**********    MOBILE ABOUT PAGE          **********
**************************************************/
	
	
  .tbl-aboutIntroText{
    width:100% !important
  }
  .tbl-about-meetTheTailors{
    margin:18px auto 30px;
  }
	
	
/*****************************************************
**********    MADE TO MEASURE PAGE          **********
*****************************************************/
	
	
  .mtm-about .text{
    margin:15px auto 25px !important;
  }


/*****************************************************
**********    MADE TO MEASURE PAGE          **********
*****************************************************/
	
	
  .tbl-stylesCat{
    min-height:300px;
    text-align:center;
  }

	
/********************************************************
**********    MOBILE SINGLE POST PAGES          *********
********************************************************/
	
	
  .single-post-in{
    height:auto;
    margin:8vh 0 20px;
  }
  .single-post-in .post-copy{
    text-align:center;
	padding:15px;
  }
  .single-post-in .v-centre{
	display:initial;
  }
  .tbl-related-post{
	margin-bottom:35px;
  }
	
/************************************************/
/**********    MOBILE WEDDINGS PAGE    **********/
/************************************************/	
	
  .accommodation .image.six-col{
	width:100%;
  }
	
	
/*********************************************/
/**********    MOBILE DZX SUGARS    **********/
/*********************************************/
	
	
  .dzx-mb50{
	margin-bottom:-75px;
  }

  .dzx-mb70{
  margin-bottom:-10px;
  }

  .dzx-mb25vh{
	margin-bottom:5vh;
  }
  .dzx-mt30{
	margin-top:0;
  }
  .dzx-mMb0{
	margin-bottom:0;
  }
  .dzx-mMb5vh{
	margin-bottom:5vh;
  }
  .s3d-mobileOff{
	display:none !important;
  }
  .s3d-mobileOn{
    display:block !important;
  }
	
/********************************************************
**********          MOBILE S3D SUGARS          **********
********************************************************/

.s3d-m3col{
  width:30%;
}
.s3d-m5col{
  width:50%;
}
.s3d-m7col{
  width:70%;
}

.s3d-flx.s3d-m5col{
  width:auto;
  flex-basis:50%;
}

.s3d-mfcol{
  width:100%;
}
.s3d-flx .s3d-mfcol{
  width:auto;
  flex-basis:100% !important;
}


/**********************************************/
/**********    MOBILE STYLES PAGE    **********/
/**********************************************/
	
  .styles-relative{
	text-align:center;
	padding:20px 0;
  }
  .styles-relative .text{
	margin:10px 0 35px;
  }
  .page-id-242 .promotion{
	text-align:center;
  }	
	
/*****************************************************/
/**********    MOBILE BLOG CATEGORY PAGE    **********/
/*****************************************************/
	
  .tbl-archiveTile{
    text-align:center;
	min-height:320px;
  }
  .tbl-blog-cat{
	width:100%;
    margin:20px auto 45px;
  }
  .tbl-blog-cat .tbl-cat-wrap{
	
  }
  .tbl-blog-cat .tbl-cat-wrap ul{
	
  }
	
	
/***************************************************/
/**********    MOBILE SINGLE BLOG PAGE    **********/
/***************************************************/


  .blogContentWrap{
	margin-top:0px;
	height:auto;
  }
  .blogContent.imgSide{
	position:relative;
    width:92%;
	left:auto;
	text-align:center;
	transform:initial;
  }
  .blogContent.txtSide{
	
  }
	
	
/************************************************/
/**********    MOBILE FOOTER STYLES    **********/
/************************************************/
	
	
  .dzx-footer-menu{
	width:50%;
    float:left;
    margin-top:25px;
  }
  footer .address{
    width:49%;
    display:inline-block;
  }	
  footer .contact .address p{
	margin-bottom:0;
  }
  footer .four-col.first .five-col{
	width:50%;
	float:left;
  }
  footer .social{
	float:left;
	width:50%;
  }
  footer .social ul li{
	display:inline-block;
	margin-right:9px;
  }
  .footer-top .social h5{
	text-align:center;
  }
	
/****************************************/
/**********    THEME STYLES    **********/
/****************************************/
	
	
  .accommodation{
	padding-bottom:0px;
  }
	
  .accommodation .image{
	width:100%;
  }
	
  .accommodation .text{
	margin-top:0;
  }
  .accommodation .text img{
	position:relative;
    width:100%;
    left:auto;
    top:auto;
    margin-top:25px;
	max-width:100%;
  }
  .apartments.style2{
	text-align:center;
	padding:40px 0;
  }
  .apartments.style2 .h2{
	font-weight:600;
	margin-bottom:30px;
  }	
  .dining{
	padding-top:0;
  }
  .dining .text{
	margin-bottom:25px;
  }
  .dining .image.last{
	width:100%;
  }
  .drk-grey-bg.style1{
	padding:3vh 0 5vh;
  }
  .el-popper{
	z-index:99999 !important;
  }
  .excerpt{
	height:auto;
  }
  .facilities .image.last:not(.illustration){
	width:100%;
  }
  .facilities .image.first{
	margin-top:0;
	width:100%;
  }
  .footer-top{
	height:auto;
    padding-bottom:0;
  }
  .footer-top .social{
	position:relative;
	width:100%;
  }
  .intro-info-wrap{
	padding:25px 0;
  }
  .intro-info-wrap .greeting{
	width:100%;
  }
  .intro-info .text{
	width:100%;
	margin-left:0;
  }
  header .checkavailability{
	position:absolute;
	right:20px;
  }
  header .logo{
	margin-top:0;
  }
  .home main{
	padding-bottom:0;
  }
  main{
	padding:50px 0 0;
  }
  #menu-overlay #menu{
    position:relative;
    text-align:center;
    top:50%;
	margin-top:auto;
    transform:translateY(-50%);
  }
  #menu-overlay .sticky-curate{
	right:0;
  }
  #menu nav ul li{
	margin-bottom:20px;
  }
  .menu-wrap{
	top:7px;
  }
  .mtm-about .lastImg{
	transform:translate(0);
  }
  .mtm-about .text{
    margin-top:0px;
  }
  .nightfall{
	padding-top:0;
  }
  .nightfall .image{
	max-width:100%;
  }
  .promotion{
	margin-bottom:25px;
  }
  .social-col{
	width:32%;
    float:left;
  }
  .tbl-atelierS2{
	margin-bottom:25px;
  }
  .tbl-ateliersS5 .image{
	margin-left:auto;
	margin-top:25px;
	margin-bottom:auto;
  }
  .tbl-atelierS2 .text{
	position:relative;
    transform:translateY(0);
  }
  .tbl-atelierS2 .centre:nth-child(2){
	top:auto;
  }
  .tbl-atelierS2 .four-col:first-child{
	margin-bottom:40px;
  }
  .tbl-fullBleedLul{
	height:25vh;
  }	
  .tbl-fullBleedLul .fs-hero{
	
    width:auto;
  }
  .tbl-fullBleedLul .centre{
	top:60%;
  }


 .tbl-fullBleedLul1{
  height:25vh;
  } 
  .tbl-fullBleedLul1 .fs-hero{
  
    width:auto;
  }
  .tbl-fullBleedLul1 .centre{
  top:60%;
  }


  .tbl-homehero3{
	width:80%;
    left:10%;
  }
  .tbl-homehero3 .two-col{
	width:35%;
  }
  .tbl-mobileBook{
	z-index:9998 !important;
    right:15px !important;
    top:15px !important;
    background-color:transparent !important;
  }
  .tbl-mobileBook img{
	width:80px !important;
  }
	
  .tbl-subscribe{
	position:relative;
    text-align:center;
    width:90%;
    left:0;
	transform:none;
	margin:0 auto 36px;
  }
  .tbl-subscribe h3{
	font-size:14px;
  }
  .tbl-txt2{
	margin-top:0;
  }
  .tbl-vent{
	position:relative;
    transform:translateX(0px) !important;
  }
	
  .tbl-vent .h2{
	margin-top:1em;
  }
	
}



@media only screen and (min-device-width : 375px) 
and (max-device-width : 667px){ 
 .home-intro .greeting{
  width:calc(113% - 40px);
  text-align:justify;

  }
}