:root {
	--vdark-grey:#2c2c2c;
	--grey:#555;
	--light-grey:#999;
	--lighter-grey:#ddd;
	--palest-grey:#f8f9fa;
	--pale-grey:#f3f3f3;
	--pale-grey2:#e1e1e1;
	--pale-grey3:#e8e8e8;
	--red:#ca2329;
	--red-dark:#993333;
	--red-med:#ff6666;
	--red-vdark:#660000;
	--red-light:#ffcccc;
	--blue:#336699;
	--green:#5caa59;
	--green2:#4f9c40;
	--gold:#f8b605;
	--dark-grey:#333;
}

i{transition:.3s;cursor:pointer}

span.link{font-weight:600;cursor:pointer;transition:.3s;}
span.link:hover{color:var(--red)}

span.link,
a.lnk{color:var(--blue)}

.flip-horizontal {
    transform: scaleX(-1);
}

.suggestion {display:none}
footer .suggestion {display:block}

h1 i
h2 i,
h3 i,
h4
{transition:.3s;cursor:default}

* {padding: 0; margin: 0; border:0}
.general ol,main ul,.content ul,#searchResults a,.desc ul li,.desc ul,footer div.col a,input,select,textarea,article,aside,div,figure,form,h1,h2,h3,h4,h5,p,main,nav,section,span,nav,nav ul,nav ul li, nav ul li a,header #in a{box-sizing:border-box;position:relative;float:left;display:inline-block;width:100%;max-width:100%}

.container {display:block;width:1600px;padding:0 25px;margin: auto; float: none;max-width:100% !important;}


html, body {height: 100%;}
1331
h3.icon{padding-left:5px;margin-bottom:20px !important;font-weight:500 !important;}

h3.icon i {
    margin-right: 10px;
    font-size: 24px;
    position: relative;
    top: 2px;
}

ol {
    padding: 0 0 20px 25px;
    display: block;
    width: 100%;
    float: left;
}
ol li {
    margin-bottom: 5px;
    float: left;
    width: 100%;
}

body.general main h1{line-height:38px}
body.hero-sm main{padding-bottom:50px;}
body.hero-sm main h2,
body.general main h2{line-height:30px}

body {
    display: flex;
    flex-direction: column;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
   
     color:var(--vdark-grey);
       
      background: #fff;
}

body.general main {
    background: var(--palest-grey);
    padding: 50px 20px;
}

body.subscription-success h1 {
    margin-bottom: 30px;
    line-height: 40px;
    font-size: 30px;
}

body.subscription-success .inner div:first-of-type{flex:1}
body.subscription-success .inner div:last-of-type{width:275px;margin-left:50px}
body.subscription-success .inner div:last-of-type h2{text-align:center}


body.subscription-success .inner div:last-of-type .btn {
    width: 100%;
    margin-bottom: 30px;
    box-sizing: border-box;
    text-align: center;
    justify-content: center;
}

body.subscription-success .inner{display: flex;}
body.subscription-success h2{margin-bottom:20px}

body.subscription-success table td:first-of-type{background:var(--pale-grey)}
body.subscription-success table td:last-of-type{background:#fff}
body.subscription-success table td{word-break:initial}

.header-white main {
    margin-top: 135px;
    padding-bottom: 50px;
}

header.is-compact {
    background: #fff;
    padding: 10px 0;
}

.homepage .header-white main {padding-bottom:0}

.general-inner {
    padding: 30px 0;
}
.general-inner h2{line-height:28px}

.tips main a{ color:var(--vdark-grey);margin-bottom:30px;display:block;float:left;width:100%}
.tips main a h2{ color:var(--red-dark);margin-bottom:7px}
.tips main .tips-inner{ padding-top:30px}

main {
    display: block;
    width: 100%;
    flex: 1 0 auto;
    min-height: 800px;
}

header .social {
    width: 70px;
    display: flex;
    justify-content: space-between;
    float: right;
    margin: 18px 10px 0 10px;
}

header .top .btn i {
   
    font-size: 22px;
    position: relative;

}

header .top .btn i.down {
    font-size: 16px;
    right: -7px;
}

.ffill {
    width: 80px;
    height: 80px;
    position: absolute;
    float: none;
    bottom: 0px;
    left: 0px;
}

header .top .btn.login,
header .top button.account {background:var(--red-dark)}
header .top button.account span{display:inline;float:none;width:auto}

.fave-heart:hover {  color: var(--red-dark)}

.fave-heart {
    color:transparent;
    font-size: 24px;
    position: relative;
    float: none;
    top: 40px;
    left: 50px;
}

.red{color:var(--red)}

header .top .btn {
    padding: 0 22px 0 12px;
    float: right;
    height: 50px;
    background:var(--vdark-grey);
    font-size: 17px;
    gap: 7px;
    color:#fff;
    margin:4px 0 0 50px;
}

/* body:not(.bg-grey) header .top .btn.login {
    background: none !important;
    padding: 0;
} */
header .top .btn.login:hover{color:var(--red-light)}

header .top .btn:hover i,
header .top .btn:hover{color:#fff !important;}

header #in a{color:#fff;padding:13px 10px;font-weight:300;border-top:1px #efefef solid;
	display: flex;
	
}

header #in a i{font-size:22px;top:1px}
header #in a i.out{font-size:18px;}
header #in a span:first-of-type{width:37px}
header #in a span:last-of-type{flex:1}
header #in a:hover{background:var(--red)}

header #in {
    display: none;
    z-index: 2;
    top: 66px;
    background: var(--red-dark);
    position: absolute;
    float: none;
    right: 0;width:300px;
	
	border:1px #efefef solid;border-top:none;
}

header .outer{display: flex;justify-content: space-between;align-items:center}
header {
    background: none;
    position: fixed;
    z-index: 3;
    transition: .3s;
    width: 100%;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding: 15px 0;
}

#loginRegister i.close {
    color: #777;
    top: 5px;
    right: 2px;
}

#loginRegister{width:600px}
#loginRegister .btn{height:48px;margin-top:10px}
#loginRegister #success {
    padding: 7px 0 15px;
    font-size: 20px;display:none
}
header .inner{display: flex;align-items:center;justify-content:center;}

a.logo {
    float: left;
   
}

a.logo img {
    width: 300px;
    margin-top: 24px;
}


nav{width:fit-content;position:absolute;float:none;top:80px;right:25px;}
nav a:hover{color:var(--red-light) !important;}
.header-white nav a:hover{color:var(--red) !important;}

nav a {
    margin-left: 34px;
    font-size: 18px;
    color: #fff;
   font-weight:400;
}

nav .dropWrap a i{font-size:14px}
nav .dropWrap a{margin-left:0}
nav .dropWrap {
    position: relative;
    width: auto;
	float:none
}

nav .drop {
    position: absolute;
    float: none;
    top: 36px;
    left:-20px;
    width: auto;
	display:none
}

nav a.mob{display:none}
nav .drop a {
    font-size: 17px;
    line-height: 22px;
    float: left;
    display: block;
    border-bottom: none;
    padding: 15px 20px;
    width: 230px;
    margin-bottom: 7px;
    border-radius: 4px;
    background: var(--green3);
}
header {
  transition: background-color .25s ease, padding .25s ease, min-height .25s ease;
}

header .btn,
header .social,
header nav#desktop,
header .add-property {
  transition: opacity .2s ease, transform .25s ease, visibility .2s ease;
}

/* default state */
header .social,
header nav#desktop,
header .add-property {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}


header.is-compact .btn {
  background: var(--red-dark) !important;
}

header.is-compact .back{
   color:#fff !important;
}

/* instead of display:none */
header.is-compact .social,
header.is-compact nav#desktop,
header.is-compact .add-property {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  pointer-events: none;
}

.header-white header .top button.login,
header.is-compact .top button.login{
	padding:0 22px 0 12px !important;background:var(--red-dark) !important;
}

header.is-compact a.logo img {
    width: 200px;
    margin-top: 0;
    top: 4px;
    position: relative;
}

 .bg-grey header,
.header-white header{background:#fff}


 .bg-grey nav a,
.header-white nav a{color:var(--vdark-grey)}
.header-white-bb header{border-bottom:3px #eee solid}

#popAddImages{width:800px}

#searchOuter h1 {
  text-align:center;
   font-size: 20px;
  display:none
}

#searchOuter {
    width: fit-content;
    margin: auto;
    float: none;
}

#searchWrap #location{width:270px;}

#searchWrap #location .results {
    position: absolute;
    float: none;
    top: 60px;
    left:0;
    display: none;
    background: #fff;
    z-index: 1;
    width: 100%;
    border: 4px  #ccc solid;
}

#searchWrap #location span{padding:15px;border-bottom:1px #efefef solid;cursor:pointer;transition:.3s;}

#searchWrap #location span:hover{background:var(--red);color:#fff}
#searchWrap #location span:last-of-type{border:0}

#searchWrap .col .arrow{font-size:14px;color:#999}

#searchWrap .col {
    width: auto;
    padding: 15px;
    margin-right: 10px;
    background: #fff;
    height: 56px;
    display: flex;
    align-items: center;
	justify-content:space-between
}

.date-range-picker{position: initial; }

#searchWrap #guests select {
   padding:0;
    border: 0;width:100px
}

#searchWrap #guests .arrow {
   
    padding: 10px;
    background: #fff;
    position: absolute;
    right:0;
}

#searchWrap  .closeSearch {display:none}

#searchWrap  .input{
    font-size: 13px;
    color: var(--grey);
}

#searchWrap  .btnSearch {
    height: 56px;
    border-radius: 0;
	padding:0 25px;
}

#searchWrap  #btnSearch i{font-size:24px;}

#searchWrap  .search-filter:hover {color:#fff;background:var(--vdark-grey)}
#searchWrap  .search-filter {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    border: 1px #efefef solid;
    height: 56px;
    padding: 10px;
    margin-right: 10px;
    color: #666;
    background: #fff;
    transition: .4s;
	cursor:pointer
}
#searchWrap  label {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--light-grey);
    margin-bottom: 1px;
	display:none;
	float:left
}


#searchWrap  .search-filter i{font-size:26px;transition:.4s;}

#searchFilter  label {
    display: block;
	color: var(--red-dark);
    text-transform: lowercase;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: normal;
    margin-bottom: 5px;
}

#searchFilter  label::first-letter {
  text-transform: uppercase;
}

#searchFilter .checkAndLabel label {
    font-weight: 300;
    color: #333;
    margin: 0;
}

#searchFilter  i.close2 {
    position: absolute;
    top: 3px;
    right: -1px;
    color: #333;
    font-size: 18px;
    cursor: pointer;
}

#searchFilter *{text-align:left}
#searchFilter input{border:1px #aaa solid}

#searchFilter fieldset{margin-top:20px}

#searchFilter {
   /*  position: absolute; */
    float: none;
    top: 66px;
    left: 0px;
 
    border: 15px #fff solid;
    padding: 20px;
    background: linear-gradient(
		  90deg,
		  #eee 0%,
		  #ddd 50%,
		  #ccc 100%
		);
		
	display:none;
		
	width:400px
}

#searchFilter fieldset label.set {
    width: 100%;
    margin: 20px 0;
    padding-bottom: 10px;
    border-bottom: 1px #fff solid;
}

#searchFilter fieldset .four {
	row-gap:4px;
    margin:0;
}

#searchFilter .btn-wrap {margin-top:20px}
#searchFilter .btn{border-radius:8px}
#searchFilter input.rateLimit {
  padding-left: 22px;
}

.currency-input span {
    width: auto;
    position: absolute;
    float: none;
    top: 0px;
    left: 0px;
	color:var(--vdark-grey);
    height: 100%;
    padding-left: 10px;
    z-index: 1;
    display: flex;
    align-items: center;
}

.no-search #searchOuter{display:none}
.no-search{background:#fff}
.no-search main {

    margin-top: 150px;
}

#hero{height:700px;}

#hero{background:url(/images/heroes/home.jpg)}

.aboutpage #hero{background:url(/images/heroes/about3.jpg)}

#hero h1 {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-bottom: 40px;
    line-height: 50px;
    color: #fff;
}

#hero .strap{font-size:22px;margin-bottom:40px;font-weight:600;color:#fff}

#hero .inner{
	
	padding-top:250px;text-align:center
}

.hero-sm #hero{height:400px;margin-bottom:40px}
.hero-sm #hero .inner{padding-top:190px;}
/* .hero-sm main{margin-top:145px;} */

.reassurance a span:first-of-type {
    width: 60px;
    height: 60px;
    background: url(/images/icons/sprite-reassurance.jpg);
 
    float: none;
}

.reassurance a.two span:first-of-type{background-position-x:-60px}
.reassurance a.three span:first-of-type{background-position-x:-121px}
.reassurance a.four span:first-of-type{background-position-x:-182px;width:62px}
.reassurance a span:last-of-type{margin-top:10px;font-weight:500;line-height:25px;color:var(--vdark-grey);font-size:18px}

.reassurance a:hover span{color:var(--red)}
.reassurance a {
    width: 180px;
    text-align: center;
  
}

.pale-grey {background:var(--pale-grey)}
.reassurance {
    width: 1000px;
    display: flex;
    justify-content: space-between;

    float: none;
    margin: auto;
    padding: 30px 20px;
}

main .properties .inner a *{transition:.3s;}

main .properties .inner a:hover {background:var(--red);border-radius:0}
main .properties .inner a:hover *{color:#f8f8f8 !important;border-radius:0 !important}
main .properties .inner a {
    padding: 17px;
    background: #fff;
    border-radius: 8px;
	transition:.5s;
}

main .properties .inner a .img {
    height: 180px;
    overflow: hidden;
    border-radius: 3px;
}

main .properties .inner a img {
    width: 100%;
    float: left;
}

.fieldsets{width:1200px}

.fieldsets h1 {
    font-size: 28px;
    margin-bottom:0;
    padding-bottom: 20px;
  /*   border-bottom: 1px #ddd solid; */
    line-height: 36px;
}

.fieldsets form h3{font-weight:300;}
.fieldsets div.submit{padding:10px;display: flex;justify-content:center}


#stepProgress{
	 margin-bottom:30px;
}

.step-progress {
			  display: grid;
			  grid-auto-flow: column;
			  grid-auto-columns: 1fr;
			  gap: 8px;
			  width: 100%;
			}

			.step-progress__step {
			  position: relative;
			  height: 8px;
			  background: #e5e7eb;
			  border-radius: 999px;
			  overflow: hidden;
			}

			.step-progress__step::before {
				content: "";
				position: absolute;
				inset: 0;
				transform: scaleX(0);
				transform-origin: left;
				background: greenyellow;
				transition: transform 400ms cubic-bezier(0.22, 1, 0.36, 1);
			}

			.step-progress__step.is-active::before,
			.step-progress__step.is-complete::before {
			  transform: scaleX(1);
			}

#frmProperty fieldset .field-wrap{width:100%}

#frmProperty .clm {
    margin: 10px 0 20px;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    padding-left: 5px;
}

#frmProperty .wrap{display:none;position:absolute;float:none;top:0px;left:0px;
   
}

#frmProperty #step1{display:block}

#frmProperty .coords i.help {
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 20px;
}

#frmProperty .coords i.close {
    position: absolute;
    top: 4px;
    right: 3px;
    font-size: 18px;
	color:#777
}

#frmProperty .coords #coordsHelp ol{width:100%;display:block;float:left;padding-left:20px;box-sizing: border-box}

#frmProperty .coords #coordsHelp li{margin-bottom:6px}
#frmProperty .coords #coordsHelp li:last-of-type{margin-bottom:0}
#frmProperty .coords #coordsHelp {
    position: absolute;
    top: 24px;
    right: 0;
    padding: 10px;
    border: 10px #ddd solid;
    background: #fff;
    z-index: 1;
    border-radius: 8px;display:none
}


#frmProperty .coords label{width:90%}
#frmProperty .coords #coordsHelp div a{color:#336699}
#frmProperty .coords #coordsHelp div {
    padding: 15px;
    background: var(--palest-grey);
    border: 1px #eee solid;
}
.payment-plans .inner {
    display: grid;
    grid-template-columns: 47.5% 5% 47.5%;
    text-align: center;
	gap:0;
}

.payment-plans .hwrap .strap {
    font-size: 20px;
    line-height: 28px;
    padding: 0 50px;
}


.payment-plans .hwrap h2 i{font-size:24px;/* margin-right:10px; */position:relative;left:-10px;color:#fff}

.payment-plans .h-annual h2 i{font-size:30px;left:-8px}

.payment-plans i.close {top:6px !important;right:3px !important}
.payment-plans .hwrap .icon {
    color: #fff;
    display: inline;
    float: none;
    width: auto;
}
.payment-plans .hwrap h2 {
   /*  margin-bottom: 0; */
    font-size: 30px;
	line-height:38px;color:greenyellow
}

.payment-plans .detail button {
    margin: 20px auto 0 auto;
    font-size: 20px;float:none
}

.payment-plans .hwrap {
    background: var(--green2);
    color: #fff;
 
    padding: 25px;
    border-radius: 8px 8px 0 0;
}

.payment-plans .detail .btn i{
    position: relative;
    right: -10px;
    font-size: 17px;
}

.payment-plans .detail {
    padding: 20px;
    padding-bottom: 30px;
    background: #fff;
  
    text-align: center;

    margin-bottom: 40px;
    background: var(--palest-grey);
    border: 1px #eee solid;
    border-radius: 0 0 8px 8px;
}

.payment-plans ul li i {
    position: absolute;
    left: -25px;
    top: 1px;
    font-size: 22px;
    color: var(--green2);
}

.payment-plans ul li {
    position: relative;
    margin-bottom: 15px;
    padding-left: 15px;
    box-sizing: border-box;
    width: 100%;
    line-height: 26px;
}

.payment-plans ul {
    list-style: none;
    font-size: 18px;
    text-align: left;
    padding: 30px 0 0 40px;
    float: none;
    margin: auto;
    width: 350px;
}

.payment-plans {
    margin-top: 40px;
    z-index: 2;
}

.payment-plans td:first-of-type, .payment-plans th:first-of-type {width:40%}

.payment-plans td, .payment-plans th {
    word-break: initial;
    background: #fff;
}

.payment-plans .detail th {
    background: #eee;
    color: #333;
    font-weight: 600;
}

span.calc {
    font-size: 20px !important;
    color: var(--vdark-grey);
    margin-bottom:25px;
}

span.calc i:last-of-type {
    right: 0;
    top: 2px;
    font-size: 22px;
}

span.calc i:first-of-type {
    font-size: 30px;
    left: -3px;
    top: 3px;
}
span.calc i{color:var(--green2);position:relative;}

#popPlanCost .propertyQty{width:60px;border-radius:2px}
#popPlanCost,
#popPlanCost .hwrap{border-radius:0;}
#popPlanCost th:last-of-type{text-align:center}
#popPlanCost th{font-weight:600;}



#popPlanCost th,
#popPlanCost td{padding:10px 14px;border-color:var(--palest-grey);width:20%;border-width:3px;}

#popPlanCost th:nth-of-type(2),
#popPlanCost td:nth-of-type(2){text-align:center}

#popPlanCost td:nth-of-type(2) select{float:none;margin:auto}

#popPlanCost th:first-of-type,
#popPlanCost td:first-of-type{width:60%}

/* #popPlanCost table {border:6px var(--pale-grey2) solid;} */
#popPlanCost td {
  
  vertical-align: middle; 
}

#popPlanCost tr.totals td {
    font-weight: 600;
    font-size: 20px;
    padding: 20px 14px;
}

#popPlanCost tr.totals td:first-of-type{text-align:right}
#popPlanCost tr.totals td:last-of-type{color:var(--green2);}


#popPlanCost {width:1000px;max-width:95%}

#popPlanCost .btnCell button.btn {
    padding: 25px 30px;
    height: auto;
    margin: 20px 0;
    width: 100%;
    font-weight: 500;
    font-size: 24px;
    display: none;
    text-align: center;
    line-height: 32px;
}

#popPlanCost .btnCell span{display:inline;float:none;width:auto}
#popPlanCost td.grandTotal,
#popPlanCost td.total {
  text-align: center;
  
}

.planMob{padding-bottom:100px}
.planMob .btnCell button.btn {
	
	position:absolute;bottom:-10px;right:2%;width:96% !important;
}

#popBookProperty,
#commissionSignUp{width:900px;/* display:block */}

#popBookProperty #contactOwner h3 {
    margin-top: 10px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
}

#popBookProperty #contactOwner h3.icon i {
    margin-right: 2px;
    font-size: 30px;
    top: 3px;
    color: var(--red-dark);
}

.stripeDetailsPop {
    padding: 20px;
    text-align: left;
}

.stripeDetailsPop ul{padding:30px 0 30px 30px}

.stripeDetailsPop h3 {
    font-size: 18px;
    font-weight: 600;
}

.stripeDetailsPop h4 {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 600;
}

.stripeDetailsPop #stripeMore{display:none;margin-bottom:25px}

.stripeDetailsPop .checkAndLabel {
    align-items: unset;
    margin-top: 20px;
}

.stripeDetailsPop .btnWrap{margin-top:20px}
.stripeDetailsPop #btnStripeConnect{text-align:center;height:66px;}
.stripeDetailsPop #btnStripeConnect i{font-size:20px}

.stripeDetailsPop .checkAndLabel label {
   
    padding-top: 4px;
}

.stripeDetailsPop .more {
    margin-bottom: 20px;
    color: teal;
    font-weight: 500;
}

.stripeDetailsPop p.last {margin-top:25px}
.stripeDetailsPop p {
   
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
}

#msgPaymentTerms,
#msgCommissionTerms{color:red;display:none}
.move-left {
  transform: translateX(-200%);
}

fieldset .rg20 {row-gap:20px}

fieldset .three {
    display: grid;
    grid-template-columns: repeat(3,30%);
    justify-content: space-between;
	margin-bottom:10px
}

fieldset .four {
    display: grid;
    grid-template-columns: repeat(4,24%);
    justify-content: space-between;
 margin-bottom:30px
}

fieldset .pair{
	display: grid;
	grid-template-columns: repeat(2, 48%);
	gap:4%;
	
}

.hero {
    padding: 80px 0;
    background-size: cover;
    height: 100%;
	background-image:url(/images/heroes/add.jpg);
	background-repeat:no-repeat;
}



.add-property .intro {text-align:center}
.add-property main {
    min-height: 1800px;
}

.add-property h1,
.add-property h3{color:#fff}

#frmProperty .wrap h3.preview{margin-bottom:25px}


#frmProperty .wrap h3, .add-property h3 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 20px;
}

#frmProperty .save-continue {
    cursor: pointer;
    transition: .3s;
    font-size: 18px;
    display: flex;
    align-items: center;
    color: #fff;
    float: none;
    width: auto;
    position: absolute;
    float: none;
    top: 0px;
    right: 0;
    z-index: 2;
}

#frmProperty .save-continue:hover,
#frmProperty .save-continue:hover *{color:var(--red-light) !important}

#frmProperty .save-continue i{
	transition:.3s;
    font-size: 28px !important;
    color: #fff;
    z-index: 1;
}


.add-property main fieldset{ box-shadow: 0 0.5rem 1rem rgba(0,0,0, 0.15) }
.add-property main fieldset,.add-property main .form-wrap{
	
	padding:25px;
	background:#f8f8f8;
	margin-bottom:30px;
    border: 1px #efefef solid;
    border-radius: 10px;
    background: var(--palest-grey);
    border: 10px #fff solid;
}


.add-property .reassure ul li i {
    font-size: 20px;
    position: relative;
    top: 1px;
    color: greenyellow;
}

.add-property .reassure ul li {
    margin: 0;
    display: grid;
    grid-template-columns: 35px 93%;
    row-gap: 5px;
}

.add-property .reassure ul {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2,48%);
    row-gap: 15px;
    justify-content: space-between;
    font-size: 18px;
    margin: 0;
    list-style: none;
    text-align: left;
    padding: 0;
}

.add-property .hero {padding-top:40px}

.add-property .reassure h1 {
    margin-bottom: 25px;
    padding-bottom: 0;
    border-bottom: none;
    font-size: 34px;
    line-height: 44px;
    padding: 0 20%;
}

.add-property .reassure .inner {
    padding: 22px;
    background-color: rgba(51, 51, 51, 0.6);
    color: #fff;
    border-radius: 10px;
    width: 90%;
    float: none;
    margin: 5px auto 40px auto;
    border: 1px #555 solid;
}

.galleryOuter h3{padding-left:5px;}
.galleryOuter .msg{
	color: #333;
}

#propertyDetails{display:none}

#frmProperty button.images {
    border-radius: 4px;
    margin-top: 10px;
    position: absolute;
    left: 0;
    top: -29px;
}

#frmProperty .imagesWrap{top:20px}

#frmProperty div.submit{margin-top:30px;padding-top:30px;border-top:1px #efefef solid}

#propertyPreview h1{color:var(--vdark-grey)}

#propertyPreview iframe {
    border: 10px #eee solid;
    padding: 10px;
    border-radius: 10px;
    box-sizing: border-box;
    padding-right: 0;
    border-right: 2px #eee solid;
}

#propertyPreview {
    padding: 20px 10px;
    background: #fff;
    margin-top: 10px;
    z-index: 1;
}

.preview-new{margin-bottom:14px;cursor:pointer;}
.preview-new i{font-size:16px !important}

.review{margin-bottom:15px;border-top:1px #efefef solid;padding-top:15px}

.review p{font-style:italic;font-size:16px}
.review .stars{margin-bottom:10px;}
.review .stars i{font-size:15px;}
.review .name{font-size:15px;font-weight:500;}
.review time{font-size:13px;color:#666;float:left;clear:both}

.cta a.more{
	width:auto !important;
	color:var(--green3);
	padding: 0 26px 0 20px !important;
	border-radius:4px;
	font-size:16px
}

.cta a.more i {
    position: relative;
    right: -10px;font-size:16px !important
}


main .properties .inner .property .title{font-size:14px;font-weight:600;}

main .properties .inner .property .img{overflow:hidden;height:200px;text-align:center}

main .properties .inner .property{
	width:15%;
}
main .properties .inner{
	display:grid;
	 grid-template-columns: repeat(6, 1fr);
}

/*-- CONSENT BANNER --*/
	 #cookie-banner{
		display:none;
		position: fixed;
		bottom: 0px;
		left: 0px;
		right: 0px;

  

		padding: 20px;
		z-index: 1000;
	}
		
	#cookie-modal .checkAndLabel{padding:0;width:100%;margin-bottom:28px;display:flex;display: flex;align-items:center}
	#cookie-modal .checkAndLabel label{flex:1;margin:0;font-size:16px}
	#cookie-modal .checkAndLabel input{height:30px;width:30px;margin-right:10px}

	#cookie-modal span.h2 {
		margin-bottom: 0;
		padding: 20px 0;
		background: #333;
		text-align: center;
		color: #fff;
		font-size: 22px;
		border-radius: 10px 10px 0 0;
	}

	#cookie-modal form {
		padding: 35px 0 25px 45px;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
		background: #f8f8f8;
		border-radius: 0 0 10px 10px;
	}

	#cookie-modal form button {
		font-size: 18px;
		text-align: center;
	}

	#cookie-modal {
		 display:none;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 1001;
		width:300px;
		 
		border-radius:20px 20px 10px
	}

	#reset-consent{position:fixed; bottom:80px; right:20px; z-index:1000;}

	#cookie-banner span{padding:20px 0 20px 4px;font-size:16px;color:#fff}

	#cookie-modal button, #cookie-banner button{
		margin:10px 30px 10px 0;float:left;padding:0 40px;background:var(--darker-blue)
	}


	.pca .pcaautocomplete {

		max-width: 400px;
	}

/*-- END CONSENT BANNER --*/


img {

    max-width: 100%;
}
table {border-collapse: collapse;border-spacing: 0;width:100%;}
td,th{padding:8px;vertical-align:top;border:1px #ddd solid;text-align:left;word-break: break-all;}
th{background:#F8F8F8}
td img{float:none !important}
td ul{margin:0 !important}
hr{margin-bottom:25px !important;border-bottom:1px #ccc dotted  !important}

h1 i {margin-right:15px}

h1, h2,h3,h4 {
   font-weight:400;
    margin-bottom: 15px;
}
h1{

    line-height: 36px;
}

.properties h1{margin-bottom:30px}

h3 strong{font-weight:600;}
/* h2 {
    font-size: 28px;
    color:var(--green2);
	font-weight:500;margin-bottom: 22px;line-height:36px;
} 

h4 {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 500;
} */

.heading{display: flex;align-items:center}
.heading i{color:var(--red-dark);margin-right:10px}


a{text-decoration:none;width:auto;transition:0.3s;color:var(--red)}

button{transition:.4s;cursor:pointer;color:white;text-align:left;background:var(--green)}
button:hover{background: var(--grey) !important}
button.icon{padding-left:55px !important;}
button.icon i{left:18px;font-size:22px;position:absolute;top:0px;line-height:46px}

main ul {
    padding: 10px 0 15px 30px;

}
main ul li{margin-bottom:5px;}
main ul li strong{font-weight:500;}

input,select{outline:none;font-family: inherit;font-size:15px}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 30px white inset}

ul#sortable{padding:0;list-style:none}

ul#sortable li {
    margin: 0 10px 10px 0;
  
    float: left !important;
}

ul#sortable .galleryInner  .img-wrap {
    margin: 0; 
 
}

.btn:hover{
  background: var(--red-dark) !important;color:#fff
}

.bs{ 
    box-shadow: 0 0.5rem 1rem rgba(0,0,0, 0.15) !important;} 
	
	.bs-nb{box-shadow: 0 -0.5rem 1rem rgba(0,0,0, 0.15) !important;}
	
	.bs-nt{box-shadow: 0 0.5rem 1rem rgba(0,0,0, 0.15) !important;}
	
.hWrap{margin-top:20px;border-top:1px #ddd solid;display:flex;justify-content:center}


.hWrap .heading {
    top: -25px;
    margin: 0;
    float: none;
    width: auto;
    background: #fff;
    padding: 0 20px;
    font-size: 30px;
    color: steelblue;
	background:var(--white)
}

.hWrap{margin-top:20px;border-top:1px #ddd solid;display:flex;justify-content:center}


div.main{padding:40px 0;text-align:center}
div.main .intro{width:1000px;}
div.main .intro p{font-weight:500}

.flash {
    position: absolute;
    float: none;
    bottom: -19px;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    width: 61px;
    height: 23px;
    background: url(/images/icons/flash.jpg);
}

div.main h2{
    font-size: 38px;
    font-weight: 700;
   
    margin-bottom: 40px;
    line-height: 50px;
    color:var(--vdark-grey);
	
}

.property-cats a:hover span{color:var(--red)}
.property-cats a:hover span i{color:var(--vdark-grey)}
.property-cats a:hover img{border-radius:30px}

.property-cats a *{transition:.3s;}

.property-cats a img{width:100%;border-radius:10px}


.property-cats a i {
    color: var(--red);
    font-size: 20px;
    position: relative;
    top: 1px;
    right: -7px;
}

.property-cats{margin-top:40px;}
.property-cats a{display:block;width:100%}
.property-cats a span {
    font-size: 18px;
    font-weight: 500;
    margin-top: 12px;
    text-align: center;
    color: var(--vdark-grey);
}

.grid{
	display: grid;
	grid-template-columns: repeat(4,22.5%);
	row-gap:30px;
	column-gap: 3.33%;
	
	justify-content:space-between
}

.properties-child .details {margin-top:30px}
.properties-child .details div{margin-bottom:20px}

.properties-child .details ul.features {padding-bottom:0}
.properties-child .details h4 {
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 17px;
}

.properties-child .galleryInner img{margin:0 10px 10px 0}

.stars{width:fit-content;height:30px;display: flex;align-items:center;justify-content:space-between;}
.stars div{display: flex;align-items:center;width:fit-content;margin-right:5px}
.stars i{color:var(--gold);margin-right:5px;font-size:18px}
.stars .no{font-size:14px;width:auto;}

.options{width:auto;}
.options *{transition:.3s;cursor:pointer}

.options span:first-of-type {margin-right:20px;}
.options span {
    width: auto;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.options span.saved {
    position:absolute;float:none;bottom:-20px;right:0px;
	font-size:13px;color:var(--green);display:none
}

#popFavourites a{color:var(--dark-grey)text-align:left;font-size:17px;display: flex;align-items:center;padding:10px 0;border-bottom:1px #efefef solid;}

#popFavourites a:last-of-type{border:none}

#popFavourites a span:first-of-type{text-align:left}
#popFavourites a span:last-of-type{width:20px;
	display: flex;
    align-items: center;
    justify-content: center;font-size:18px
}
#popFavourites a img{width:50px;margin-right:10px}

.options span:hover *{color:var(--red-dark)}
.options i{color:var(--red);width:auto;margin-right:7px;font-size:18px}

.properties-child main .top{margin-bottom:20px;display: flex;align-items:center;justify-content:space-between;}


.properties-child main{padding-bottom:50px}
.properties-child main h1 {margin-bottom:0}

.properties-child .btm h2{margin-bottom:20px}

.properties-child .btm h2, .properties-child main h1 {
    font-weight: 600;
    width: auto;
    font-size: 28px;
    line-height: 36px;
}

.properties-child .inner:not(#popFavourites .inner,#message .inner,#ownerPlans .inner,#loading .inner) {
    display: flex;
}
.properties-child .inner .l{flex:1;}
.properties-child .inner .r{width:410px;margin-left:50px}

.properties-child .inner .r #selNights {
    height: 48px;
    border: 1px var(--red-dark) solid;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.properties-child #rateDetails span{font-weight:500;text-align:center;margin-bottom:5px}
.properties-child #rateDetails strong{font-weight:500;}

.properties-child #rateDetails p{margin-bottom:10px;font-size: 14px !important; line-height: 18px !important;}
.properties-child #rateDetails p:last-of-type{margin-bottom:0;}

.properties-child #rateDetails {
    margin-top: 20px;
    font-size: 14px !important;
    line-height: 18px !important;
    display: none;
    padding: 15px;
    background: var(--palest-grey);
    border: 1px var(--pale-grey) solid;
    border-radius: 10px;
    padding-bottom: 0;
}

.properties-child .inner .r .cta-reassure{padding:30px 25px 25px}

.properties-child .inner .r .cta-reassure .cost{text-decoration: underline;font-size:24px;text-align:center;display:none}

.properties-child .inner .r .cta-reassure .cost span{display:inline;float:none;width:auto}

.properties-child .check-in-guests input,
.properties-child .check-in-guests select{border:none;height:24px;line-height:24px;padding:0}

.properties-child .check-in-guests label {
    font-weight: 600;
    font-size: 13px;
}

.properties-child .check-in-guests div{padding:10px 15px;}

.properties-child .check-in-guests .dates div:first-of-type{border-right:1px #666 solid}

.properties-child .check-in-guests .dates{
	border-bottom:1px #666 solid;display: grid;
	grid-template-columns: repeat(2,50%);padding:0
}

.properties-child .check-in-guests{
	border-radius:10px;
	border:1px #666 solid;margin-top:30px;
}


.properties-child .cta-reassure .safe i{margin-right:8px;color:goldenrod}

.properties-child .cta-reassure .safe {
    background: var(--pale-grey);
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding:12px 5px;
    margin:22px 0;
	justify-content:center;font-weight:500;
}

.properties-child .cta-reassure .safe-mob {display:none}

button.book {
    width: 100%;
    font-size: 22px;
    justify-content: center;
    font-weight: 500;
}

#bookedMsg {
    display: none;
    padding: 15px;
  
    font-size: 14px;
    border: 1px #ccc solid;
    margin-bottom: 20px;
    border-radius: 4px;
}
#bookedMsg .msgDates {
    margin-bottom: 5px;
    padding-right: 10px;
}
#bookedMsg .inner{color:var(--red-dark);display:block}

#bookedMsg .closeMsgDates {

    font-size: 20px;
    position: absolute;
    right: 3px;
    top: 5px;
}

.properties-child .question-cta .wrap{display: flex;}

.properties-child .question-cta span {
    flex: 1;
    font-size: 20px;
    font-weight: 600;
    /* margin-top: 10px; */
    line-height: 26px;
    display: flex;
    align-items: center;
}

.properties-child .question-cta img {
    width: 84px;
    margin-right: 15px;
    align-self: flex-start;
}

.properties-child .question-cta button {
    width: 100%;
    float: right;
    background: var(--green);
    font-weight: 600;
    margin-top: 25px;
    border-radius: 15px;
    text-align: center;
    justify-content: center;
}

.properties-child .question-cta{
	background:var(--pale-grey);padding:25px;border-radius:8px
	
}

.properties-child .more-reassurance .img{width:47px;background-image:url(/images/icons/sprite-reassurance2.jpg);height:48px;margin:auto;float:none}

.properties-child .more-reassurance .img2 {
    width: 43px;
    background-position-x: left -48px;
}

.properties-child .more-reassurance .img3 {
    width: 41px;
    background-position-x: left -91px;
}

.properties-child .more-reassurance div {
	padding:5px;
    font-weight: 600;
    text-align: center;
}

.properties-child .more-reassurance{
	margin:30px 0;
	display: grid;
	grid-template-columns: repeat(3, 33.33%);
}

.properties-child #images{display: flex;}
.properties-child #images #imgMain img {

    width: 100%;
    align-self: flex-start;

}

.properties-child #images #imgMain{
	display: flex;
    align-items: center;
    justify-content: center;
	background:var(--palest-grey)
}

.properties-child #images #thumbnails span img {
    height: 100%;
    align-self: flex-start;
    width: 100%;
}
.properties-child #images #thumbnails span {
    /* height: 115px; */
    width: 150px;
    /* display: flex; */
    float: none;
    overflow: hidden;
    background: var(--palest-grey);
    max-height: 150px;
}
.properties-child #images #thumbnails {
    width: 320px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    /* row-gap: 20px; */
    margin-left: 20px;
    align-self: start;
}

#openGallery {
    text-align: right;
    margin: 10px 0 40px;
    cursor: pointer;
    padding-right: 6px;
}
#openGallery i,
#openGallery{transition:.3s;}
#openGallery:hover{color:var(--red)}

#map {
    height: 400px;
    width: 825px;
    border: 1px solid #ddd;
    margin-bottom: 40px;
    z-index: 0;
}
	
	.leaflet-popup .inner {
		background: #f8f8f8;
		border: 1px #efefef solid;
		padding: 18px 20px;
	}
	
	.leaflet-popup-content{margin:20px !important;font-size:16px;line-height:28px}
	.leaflet-popup,
	.leaflet-control-zoom{width:fit-content;}
	.leaflet-popup-tip-container{display:none}
	#map .business{font-size:16px}

.key-items {
    margin: 10px 0 10px;
}

.key-items span {
    display: flex;
    align-items: center;
    width: auto;
    margin: 0 20px 15px 0;
    font-size: 18px;
}

.key-items i{font-size:24px;color:var(--red);margin-right:8px}


#propertyReviews {width:825px}
#propertyReviews .leave {
    position: absolute;
    float: none;
    top: 0px;
    right: 0px;
    cursor: pointer;
    width: auto;
    transition: .3s;
    display: flex;
    align-items: center;
    height: 20px;
}
#propertyReviews .leave i {
    transition: .3s;
    font-size: 18px;
    color: var(--red);
}

.properties-child .desc{margin-bottom:40px;font-size:16px}

.properties-child main h3{margin-bottom:20px;font-size:20px;font-weight:500;}
.properties-child #propertyFeatures .list{margin-bottom:30px}
.properties-child #propertyFeatures span{
	background:var(--pale-grey);width:auto;min-height:44px;display: flex;align-items:center;border-radius:10px;padding:0 17px;margin:0 20px 20px 0
}

/* #propertyTop,#propertyMap,#propertyFeatures,#propertyReviews{padding-top:10px} */

.featured a{overflow:hidden;display:block;border-radius:5px;background:#fff;}
.featured a:hover{border-radius:10px}
.featured a:hover *{color:var(--red) !important}
.featured a *{transition:.3s;}

.featured-wrap {
    background: var(--pale-grey);
    margin-top: 40px;
    padding: 40px 0 80px;
}

.featured-wrap h2{text-align:left;
    font-size: 29px;
    font-weight: 700;
    margin-bottom:0;
    line-height: 38px;
    color: var(--vdark-grey);
}

.featured .detail{padding:15px 20px 20px;text-align:left;color:var(--vdark-grey)}

.featured .detail p{font-size:16px}
.featured .detail .location{color:var(--red-dark)}
.featured .detail .bedrooms,
.featured .detail .sleeps{width:auto}
.featured .detail .sleeps{margin-right:20px}
.featured .detail .rate{margin:10px 0}

.featured-wrap .strap {
    margin: 8px 0 25px;
    font-size: 16px;
}

.featured .img{
	background-image:url(/images/placeholders/propertyimg1.jpg);
	height:190px;
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center;
}

.featured a span.name {
    font-size: 18px;
    font-weight: 500;
    margin-top: 12px;
    color: var(--vdark-grey);margin:10px 0;font-weight:600;
}

.properties #propertiesFound .grid { 
	margin-bottom:50px !important;
    grid-template-columns: repeat(5,18%);
    row-gap: 40px;
    column-gap: 2.5%;
  
}

.properties #propertiesFound{ margin: 0 !important;display:none}
.properties .featured-wrap .container{ padding: 0 !important;}

.properties .featured-wrap {
	background:#fff;
	margin-top: 0 !important;
	padding: 0 !important;
}

#propertiesFound .featured a {
  
    border-radius: 0;
 
}

.sign-up .inner {
    width: 750px;
    display: grid;
    grid-template-columns: 38% 38% 18%;
    justify-content: space-between;
}

.sign-up {
    background-image: url(/images/heroes/sign-up.jpg);
    padding: 100px 0;
    background-position: center;
    text-align: center;
    color: #fff;
}

.star{display:inline;float:none;width:auto;color:var(--red)}

.sign-up .strap {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 30px;
    line-height: 30px;
}

.sign-up h2 {
    font-weight: 600;
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 30px;
}

.sign-up .sub{margin-top:50px}

.sign-up form input {padding-left:20px;}
.sign-up form .btn, .sign-up form input {
    height: 50px;
    border-radius: 0 !important;
    border: none;
    outline: none;
}

.sign-up form{
   display: flex;
	 
	  justify-content: center;
}

.sign-up .btnSubscribe {
    
  
    padding: 0 25px;
}

.popular {
    background-image: url(/images/heroes/popular.jpg);
    padding: 70px 0;
    background-position: center;
}

.popular h2{font-weight:600;font-size:32px;line-height:42px;margin-bottom:40px}

.popular *{color:#fff}

.popular .inner{
	
	display: grid;
			grid-template-columns: repeat(5,19%);
			column-gap:1.25%;
			row-gap:30px;
	
}

.popular a{font-size:19px;font-weight:600;}

.personal a{font-weight:500;}
.personal{padding:60px 0;background:var(--palest-grey)}
.personal .strap {
    margin: 8px 0 25px;
    font-size: 16px;
}

.personal .inner{display: flex;}
.personal img {
    margin: 0 14% 0 50px;
    align-self: start;
}
.personal .l{flex:1;}
.personal h2 {
    text-align: left;
    font-size: 29px;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 38px;
    color: var(--vdark-grey);
}

.homepage .large-cta .inner {
    display: flex;
    justify-content: space-between;
}

.large-cta a *{transition:.3s;}

.large-cta a:hover{border-radius:16px}
.large-cta a:hover .sub,
.large-cta a:hover h3{color:var(--red-light)}
.large-cta a:hover p{color:var(--red-vdark)}
.large-cta a:hover .link{color:var(--vdark-grey)}

.large-cta {padding:50px 0}


.large-cta a {
    background: var(--pale-grey);
    width: 32%;
    display: block;
    overflow: hidden;
    position: relative;
    padding-bottom: 20px;
}

.large-cta a div.content {
    padding: 25px;
    padding-top: 20px;
}

.large-cta a span.link i{font-size:18px;position:relative;top:1px;right:-5px}


.large-cta a span.link {
    color: var(--red);
    font-weight: 500;
    position: absolute;
    left: 25px;
    bottom: 25px;
}

.large-cta a div.img img {
    height: 100%;
    max-width: none;
}

.large-cta a .sub {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}


.large-cta a div.img div {
    text-align: left;
    position: absolute;
    float: none;
    top: 0px;
    left: 0px;
    background-color: rgba(51, 51, 51, 0.4);
    color: #fff;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 10px 0 25px;
}

.large-cta a p {
    color: var(--vdark-grey);
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 24px;
}

.large-cta a h3 {
    font-size: 18px;
    font-weight: 500;
}


.large-cta a div.img {
    height: 350px;
    overflow: hidden;
}

/* BLOG START */
	
	main .posts a *{transition:.3s;}
	main .posts a:hover h2{color:var(--vdark-grey)}
	
	main .posts a:hover p{color:#999}
	main .posts a{display: flex;color:var(--vdark-grey);margin-bottom:30px;padding-bottom:30px;border-bottom:1px #efefef solid}
	main .posts a .r{flex:1;}
	
	main .posts a .img {
		margin-right: 30px;
		width: 150px;
		height: 150px;
		overflow: hidden;border-radius:4px;
		border:2px #fff solid
	}
	
	main .posts a:hover .img{border-color:var(--green2)}

	main .posts a p{margin-top:5px}
	main .posts a .r span{margin-top:5px}
	main .posts a .r span i{font-size:12px;color:var(--red-dark)}
	
	main .posts a img {
		height: 105%;
		float: left;
	}
	
	main .posts time{
		font-size: 13px;
		padding-left: 2px;
		color: #666;
		
	}
	main .posts a h2 {
    font-size: 24px;
    color: var(--green2);
    margin: 2px 0 7px 0;
    line-height: 32px;
    font-weight: 500;
}



	main .post article .top{display: flex;margin-bottom:30px}
	main .post article .top .r{flex:1;}
	
	main .post article .img {
		margin-right: 40px;
		width: 300px;
		height:300px;
		overflow: hidden;border-radius:4px;
		
	}

	main .post article .r p{margin-top:5px}

	
	main .post article img {
		width:100%;
		float: left;
	}
	
	main .post time{
		font-size: 13px;
		padding-left: 2px;
		color: #666;
	}
	
	main .posts article h1 {
		font-size: 24px;
		color: var(--green2);
		margin: 2px 0 7px 0;
		line-height: 32px;
		font-weight: 500;
	}
	
.galleryOuter .sub{margin-bottom:5px}
.galleryOuter {
    margin-top:10px;
    color: #fff;
}

.galleryInner  .img-wrap i{
    transition: .3s;
    cursor: pointer;
    font-size: 28px;
   bottom: 5px;
    position: absolute;

}

.galleryInner  .img-wrap i.delete {
   
    right: 2px;
	color:#333;
}

.galleryInner  .img-wrap i.rr {
    left: 2px;
	
}

.galleryInner  .img-wrap i.remove {
   
	color:orange;
}

.galleryInner  .restore img{opacity:0.4}

.galleryInner  .img-wrap i.restore {
 
	color:cadetblue;
}

.galleryInner  .img-wrap i.hide{display:none}

.galleryInner  .img-wrap .ibg {
    position: absolute;
    float: none;
    height: 17px;
    width: 18px;
    background: #fff;
	bottom: 9px;
	border-radius:20px
}

.galleryInner  .img-wrap .ibg-r {
   
    right: 9px;
  
}

.galleryInner  .img-wrap .ibg-l {
  
    left: 9px;
   
}

.galleryInner  .img-wrap i:hover{color:var(--green)}

.galleryInner  .img-wrap {margin:0 10px 10px 0;width:auto}

.galleryInner  img {
	
	height:150px;float:left;cursor:pointer
	
}

.galleryInner .inner .img-wrap i.delete {
    right: 2px;
    color: var(--red-dark);
}


.galleryInner button.images {
    position: absolute;
    float: none;
    top: 13px;
    right: 3px;
}

#galleryWrapper{position:absolute;float:none;top:10px;right:0;left:0;margin-left:auto;margin-right:auto;width:98%;z-index:5100;display:none}

#galleryWrapper .swiper-slide{width:auto;float:none;
	display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-button-next, .swiper-button-prev{color:#fff !important }

#frmProperty #uploadMessage{margin-bottom:15px}

a *{transition:.4s;}

.cta a.btn i{top:0;font-size:26px}
.cta button.btn i {
    font-size: 23px;
    top: 1px !important;
    position: relative;
}
.cta button.btn {background:indianred}
.cta button.btn:hover,
.cta a.btn{background:darkcyan !important}
.cta a.btn:hover  {background:var(--wagreen) !important}

.cta button.btn,
.cta a.btn{
	padding:0;
	height:50px;
	width:50px;
	justify-content:center;
}

.cta i{left:auto !important;top:auto !important;margin:0 !important}

.cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 120px;
   
}


.sitemap h1{margin:30px 0;ont-weight:600}
.sitemap a{font-size:18px;display:block;float:left;width:100%;margin-bottom:10px;}
.sitemap a h2{font-size:22px;color:#333;font-weight:500;margin-bottom:10px;padding:15px;background:#f8f8f8;border:1px #efefef solid}


.sitemap .set {
    display: grid;
    grid-template-columns: repeat(3, 30%);
    margin-bottom: 10px;
    column-gap:5%;
	padding:15px;
}


.pop .h2 i.l{position:absolute;left:15px;}
.pop .h2 {
    color: #fff;
    font-size: 22px;
    padding: 18px 0;
    background: #444;
    border-radius: 4px 4px 0 0;
    font-weight: 300;
}

.pop button{margin:auto;font-weight:400;float:none}

.pop i.close {
    z-index: 1200;
    position: absolute;
    float: none;
    top: 16px;
    right: 10px;
    color: #efefef;
    font-size: 24px;
    cursor: pointer;
}

.pop {
	display:none;
    border-radius: 6px;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .2);
    background-color: #fff;
    float: none;
    z-index: 5100;
	position:absolute;float:none;top:70px;margin-right:auto;margin-left:auto;left:0;right:0;width:50%;text-align:center;
	max-width:96% !important;
}

.pop-700{margin-right:auto;margin-left:auto;left:0;right:0;width:700px}
.pop-700 button i{font-size:16px}


.pop-800{margin-right:auto;margin-left:auto;left:0;right:0;width:800px}
.pop-auto{margin-right:auto;margin-left:auto;left:0;right:0;}

.pop form {
    background: #F8F8F8;
    padding: 30px;
    padding-bottom: 28px;
    border-radius: 4px;
    margin: 20px 0;
}
.pop #frmRegister,
.pop #frmLogin{margin:0}
.pop .inner {
    padding: 10px 10px;
  
}

#frmFeedback .intro{padding:15px;background:#efefef;margin-bottom:30px;}
#frmFeedback textarea{min-height:250px}

#frmFeedback,
#frmEnquiry{
	margin:0
}

#imageUploadForm ul{text-align:left}
#imageUploadForm p {
    margin-bottom: 10px;
    line-height: 22px;
    font-size: 16px;
 }
 
 #popAddImages #imageInput {

    margin-top: 20px;
}

#imageUploadForm .important{color:var(--red-dark);font-weight:500;}

#imageUploadForm {
    padding: 20px !important;
    margin: 0;
    border: 8px #fff solid;
}

#message .inner {
    padding: 20px 10px;
}

.pop textarea {
    min-height: 150px;
	margin-bottom:20px
}

.pop .other {
    margin-top: 40px;
    padding: 30px;
    background: #efefef;
    border-radius: 6px;
}

.pop .other .lnk:hover {color:var(--darker-blue)}
.pop .other .btn {
    height: 60px;
    line-height: normal;
	padding:0 25px 0 30px;
    background: var(--green);
    border-radius: 8px;
    margin: 20px auto 30px;
    clear: both;
    width: 335px;
    justify-content: center;
    box-sizing: border-box;
    position: relative;float:none;

}

.pop .other .btn  i {
    font-size: 28px;
 
}

#popSuggestion{width:1000px}
#popEnquiry{width:800px}

#enquiryWrap .three{display: grid;
		grid-template-columns: repeat(3, 31%);
		column-gap:3.5%
}
#enquiryWrap .inner{display:block}
#enquiryWrap .quick-contact .btn{background:var(--green) !important}
#enquiryWrap .quick-contact .btn:hover{background:var(--blue) !important}

.pop .other .wa:hover {background: var(--wagreen) !important;}

.pop .other h4 {
    font-size: 18px;
    margin-bottom: 25px;color:var(--grey)
}

.pop .field-wrap label {
  color:#444
}

.main-property-types-child .wrap{display: flex;}
.main-property-types-child .wrap .l{flex:1}

.main-property-types-child .wrap .r {
    width: 350px;
    margin-left: 80px;
    display: grid;
    grid-template-columns: 100%;
    row-gap: 30px;
}

.main-property-types-child main{padding-top:160px !important}
.main-property-types-child .breadcrumbs{margin-bottom:10px}

.main-property-types-child h1{
    line-height: 38px;margin-bottom:20px !important
}

#ownerPlans {
    width: 1200px;
    max-width: 96%;
    top: -25px;
}

#ownerPlans .inner{padding:25px}

#ownerPlans .inner {
    
    grid-template-columns: 48.5% 3% 48.5%;
    
}

#ownerPlans  .hwrap {

    border-radius: 4px 4px 0 0;
}

#popAddImages label{margin-bottom:30px;float:left}

#popAddImages .inner{padding:0}

#popAddImages {
  top:auto;
}

.closeOpen{margin-top:25px; text-align:center;cursor:pointer}

#pop-bg{display:none;background:#000;opacity:0.3;position: absolute;z-index:5000;min-height:250%;width:100%}

#spinner {
    position: absolute;
    float: none;
    bottom: -130px;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    text-align: center;
	display:none
}

#spinner img{height:auto;margin:auto;border-radius:40px}

#loading{position:absolute;float:none;top:0px;left:0px;height:100%;display:none;z-index:10000}

#loading img {
    height: auto;
    margin: auto;
    width: 80px; 
}

#loading .bg{height:100%;background:#000;opacity:.8}

#loading .h2 {font-size:20px;margin-bottom:30px}
#loading .inner {
    position: absolute;
    float: none;
    top: 200px;
    left: 0px;
    color: #fff;
    text-align: center;
    padding: 40px;
    z-index: 1;
}

#menu-phone,#contact-phone{display:none}

.not-found main {

    margin-top:280px;
}

p {
    margin-bottom: 20px;
    line-height: 28px;
    font-size: 18px;
    font-weight: 300;
}

p:last-of-type{margin-bottom:0;}

.container-m p {margin-bottom:20px;}

.breadcrumbs ul li{display:inline;float:none;width:auto}
.breadcrumbs ul{ list-style-type: none; float:none;padding-left:0}
.breadcrumbs,
.breadcrumbs *{width:auto;font-size:16px;}
.breadcrumbs span.chevrons{margin:0 7px;}
.breadcrumbs span.name{color:var(--vark-grey)}
.breadcrumbs a:hover{color:var(--orange)}
.bc .sub-nav {
    height: auto;
    padding: 10px;
}
.btn-wrap,
.btnWrap{

	display: flex;
	align-items: center;
	justify-content: center;

}

.btn {
    border-radius: 50px;
    font-size: 18px;
    position: relative;
    background: var(--red);
    color: #fff;
    height: 56px;
    float:left;
    font-weight: 400;
    padding: 0 30px;
    transition: .3s;
   width: fit-content;
   max-width:100%;
     display: flex;
    align-items: center;
    line-height: normal;

}

button.r{float:right;}

.btn-arrow{padding-right:40px}

.btn-arrow i{right:-15px;position:relative}

/* .btn-icon-left{padding-left:35px} */

.btn-icon-left i {
    left: -10px;
    position: relative;
}

/* .btn-icon-right{padding-right:35px} */

.btn-icon-right i {
    right: -10px;
    position: relative;
}

button.images i{font-size:23px}

.btnwrap-n{margin-top:30px}
.btnwrap-n .btn{line-height:normal;height:auto;padding:20px;text-align:center}

.sub-nav {
    background: var(--pale-grey3);
    margin-top: 25px;height:76px
}
.sub-nav .search-icon-mob {display:none}

.sub-nav .container{height:100%;}

.sub-nav .inner{width:fit-content;display: flex;
    align-items: center;height:100%
    }

.sub-nav .back {
    background: var(--palest-grey);
    height: 40px;
    line-height: 40px;
    color: var(--vdark-grey);
    border-radius: 4px;
    padding: 0 20px;
    font-size: 16px;
}

.sub-nav #searchWrap {
    width: fit-content;
    margin-top: 10px;
    float: right;
}

.sub-nav #searchWrap #location {
    width: 258px;
}

.sub-nav .dates-wrapper {
   
    width:153px;

}

.subnav main {
    margin-top: 265px;
    padding-bottom: 60px;
}

.bc main {
    margin-top: 225px;
  
}

.bg-grey main h1:first-of-type{margin-bottom:35px}
.bg-grey main {
    padding-top: 180px;
    padding-bottom: 60px;
    background: var(--palest-grey);
    margin-top: 0;
}

.popular-destinations-child h1{margin-bottom:20px !important}
.popular-destinations-child h2{margin-bottom:5px !important}

.sub-nav .tabs a {
    height: 100%;
    display: flex;
    align-items: center;
    color: var(--vdark-grey);
    border-bottom: 5px transparent solid;
    position: relative;
    box-sizing: border-box;margin-right:50px;font-weight:500;font-size:16px
}

.sub-nav .tabs a:last-of-type{margin-right:0}
.sub-nav .tabs a:hover,
.sub-nav .tabs a.on {border-color:var(--red)}

.sub-nav .tabs {
	height:100%;width:auto;display: flex;justify-content: space-between;
}

.sub-nav .back {
    background: var(--palest-grey);
    height: 40px;
    line-height: 40px;
    color: var(--vdark-grey);
    border-radius: 4px;
    padding: 0 20px;
    font-size: 16px;
    margin-right: 50px;
}
.sub-nav .back-mob {display:none}

.search-icon-mob {
    display:none;
    font-size: 26px;
    margin-left: 50px;
    cursor: pointer;
    transition: .3s;
    position: relative;
    top: -3px;
    color: #666;
}

#propertiesFound{margin-top:40px}
#registerSuccess .options {
    padding: 25px 0;
}

#registerSuccess .options .heading {
    margin-bottom:28px;
    font-size: 18px;width:100%;
	text-align:center; margin-left:0 !important;display:block
}

#registerSuccess .options button {
    margin-top: 25px;
}

#registerSuccess .options button:last-of-type{background:var(--red-dark)}

#registerSuccess .options button:hover{background:tomato !important}

#registerSuccess .options button:last-of-type i{font-size:20px;}

#registerSuccess .options button i {
    font-size: 22px;
    color: #fff;
}

#registerSuccess{width:450px}

#registerProperty{width:700px}



/* .contactpage main .wrapper form {
    background: var(--palest-grey);
    border: 1px var(--pale-grey) solid;
    padding: 30px;
    border-radius: 4px;
} */
.contactpage main .intro{margin-bottom:30px}
.contactpage main .wrapper{
	display: grid;
	grid-template-columns:32% 32% 25%;
	justify-content:space-between;
}
.contactpage h1 { font-size: 24px;}
.contactpage .details{font-size:18px;line-height:26px}

.contactpage .details a{font-weight:400;position:relative;color:var(--grey2);padding-left:34px;margin-bottom:16px;display: block;float:left;clear:both;}

.contactpage .details i{position:absolute;left:2px;top:3px;font-size:20px;color:var(red-vdark)}

.contactpage .details a.lnkPhoneIcon i{position:absolute;}
.contactpage .details a:hover{color:var(--clima-blue-official)}
.contactpage .details a:hover i{color:var(--grey2)}

.contactpage .details a.lnkEmailIcon i {
    font-size: 18px;
    left: 0;
    top: 5px;
}

.contactpage .wa-wrap .heading{font-weight:600;}
.contactpage .wa-wrap{margin-bottom:20px}
.contactpage .details span{padding-left:14px;}


.contactpage .or{text-align:center}
.contactpage textarea{min-height:150px}


.contactpage .last a.wa i{font-size:22px}
.contactpage .last a.wa {
	float:left;clear:both;margin:10px 0;background:var(--green)
}
.contactpage .l,
.contactpage .r{margin-bottom:30px}
.contactpage .l .btn-wrap {margin-top:10px}
.contactpage .l .btn {
    font-weight: 300;
    height: 46px;
    border-radius: 4px;
    margin: auto;
    font-size: 16px;
}
.contactpage .l .btn i{position:relative;right:-18px}

.contactpage  .opening h4{margin-bottom:8px}
.contactpage  .opening{padding-left:34px;margin-top:30px}
.contactpage  .r  .what3{padding:10px 0 0 34px;font-size: 17px !important;}
.contactpage .last p {
    margin-bottom: 20px !important;
    font-size: 17px;
    line-height: 20px;
    top: -3px;
}

.contactpage h2, .contactpage h1 {
    font-size: 20px;
    margin-bottom: 25px;
    padding-bottom: 16px;
    line-height: 34px;
    border-bottom: 1px #efefef solid;
}


.contactpage .last h4 {margin-bottom:6px;}

.contactpage h4 {
    font-weight:500;font-size: 17px !important;
    margin-bottom: 3px;
}

.aboutpage .intro{display: flex;margin-bottom:30px}

.aboutpage main  img {
    width: 200px;
    margin-right: 30px;
    align-self: flex-start;
}

.aboutpage .r{flex:1;display: flex;align-items:center}

.aboutpage .wrapper p{margin-bottom:10px}
.aboutpage .wrapper{margin-bottom:20px}

.aboutpage .wrapper .intro {margin-top:10px}
.aboutpage .wrapper .intro .r{display:block;margin-top:10px}
.aboutpage .wrapper h2 {
    line-height: 30px;
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 10px;
}

.cols-2 .col h2 i{font-size:24px;color:cadetblue}

.cols-2 .col h2 {
    padding: 15px 25px;
    margin: 0;
    background: #fff;
    border-bottom: 1px #eee solid;
}


.cols-2 .col .contents div.q{
	/* padding-bottom:20px; */
	padding:15px 25px;border-bottom:1px #ddd  solid
}
	
/* .cols-2 .col .contents > div:last-child {
    border-bottom: none;
   
    padding-bottom: 0; 
} */

.cols-2 .col {
    border: 1px #efefef solid;
    border-radius: 8px;
    background: var(--palest-grey);
    overflow: hidden;
}

.cols-2 h3{font-weight:500;}
.cols-2{
	display: grid;
	grid-template-columns: repeat(2, 48%);
	gap:4%;
	margin-top:30px;
}

.faq .q .lnk{margin-top:20px;color:var(--red);display: flex;align-items:center}
.faq .q .lnk:hover{color:var(--red-dark)}

.faq .q h3:hover{color:var(--red)}
.faq .q h3:hover i{color:var(--grey)}

.faq .q h3{cursor:pointer;transition:.3s;margin:0}

.faq .q h3 i {
    position: absolute;
    right: -10px;
    top: 3px;
    color: var(--red-dark);
    font-size: 20px;
}

.faq .answer{display:none;padding:15px 0}

footer {
   color:var(--vdark-grey);
    background: var(--pale-grey2);
    float: none;width:100%;
	color:var(--vdark-grey);padding:40px 0;
}


footer a{color:var(--vdark-grey);}

footer .inner{
	
    display: flex;
	justify-content:space-between
}

footer h4{font-weight:600;}

footer div.col{padding:10px 5px 0 0;width:15%;background:none}
footer div.logo{padding-top:0;width:16%;}

footer div.col a{margin-bottom:10px;width:100%;font-size:14px}
footer div.col .lnk{margin-bottom:10px;width:100%;font-size:14px}

footer div.social a:hover,
footer div.col a:hover,
footer div.col .lnk:hover{color:var(--red) !important}

footer div.col a:hover{color:var(--light-blue)}
footer div.info{width:10%}

footer div.social a{width:auto;font-size:22px}

footer div.social {
    text-align: center;
    display: flex;
    width: 120px;
    justify-content: space-between;
    align-items: center;
}

footer .copyright {
    /* text-align: center; */
    padding-top: 10px;
    font-weight: 300;
    font-size: 13px;
}

.grecaptcha-badge { 
    visibility: hidden;
}

.hide{display:none !important}
.pointer{transition:.3s;cursor:pointer}
.right{float:right !important}

input[type="time"],input[type="number"],input[type="url"],input[type="email"],input[type="text"],input[type="password"],input[type="file"],select{height:40px;line-height:40px;padding:0 10px;border:1px #ddd solid;background:#fff}
.field-wrap{width:48%;margin-bottom:20px}
.field-wrap .mr{margin-right:15px}
.field-wrap .checkWrap{margin-top:10px}
.fwl{width:100%}
.fws{width:48%}
.fwxs{width:80px;margin-right:10px}
.fws:last-of-type{float:right;}
.smallSel{width:120px}
.smallSel select{width:50px;margin-right:2px;padding:0 5px}
.smallSel select:last-of-type{margin-right:0}
.field-wrap textarea,.field-wrap input[type="text"],.field-wrap select{border-radius:4px}
.field-wrap label{float:left;margin-bottom:3px;padding-left:1px;}
.field-wrap span:first-of-type{margin-bottom:4px;}

.field-wrap .reveal {
    position: absolute;
    float: none;
    top: 5px;
    right: 0px;
    color: #555;
    font-size: 16px;
    /* cursor: pointer; */
}

.field-wrap span.field-msg {
    position: absolute;
    float: none;
    top: 27px;
    right: 3px;
    width: auto;
    font-size: 12px;
    color: red;
    line-height: 12px;
    margin: 0;
}

.field-wrap:nth-of-type(even){float:right;}
label.main{font-weight:600;}

::placeholder{color:#555;font-weight:400;font-size:14px}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

textarea:focus::-webkit-input-placeholder { font-weight:400;color:transparent; }
textarea:focus:-moz-placeholder { font-weight:400;color:transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder {font-weight:400; color:transparent; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { font-weight:400;color:transparent; } /* IE 10+ */
textarea { border: 1px #ddd solid;min-height: 100px;padding: 10px;}

.checkAndLabel {
    padding-right: 20px;
    float: left;
    width: auto;
	display: flex;align-items:center;gap:10px;
}

.checkAndLabel a {flex:1;color:var(--vdark-grey)}


.checkAndLabel a i {
    color: var(--red-dark);
    font-size: 16px;
    position: relative;
    right: -3px;
}

.checkAndLabel label {
    float: left;
}

form div.termsWrap {  margin-bottom: 20px;}
form div.termsWrap span{color:var(--red);text-align:left;}
form div.terms {
    width: 100%;
    text-align: left;
    padding-right: 0;
  
}

.checkAndLabel input, form table input[type="checkbox"] {
    float: left;
    height: 30px;
    width: 30px;
    align-self: start;
}

form table input[type="checkbox"] {
  
    height: 20px;
    width: 20px;
}

.br0{border-radius:0 !important;}
.xdsoft_datetimepicker{width:auto; z-index: 999999 !important;}
.date-range-picker {
    position: relative;
}

nav .mob{display:none}



article h1:first-of-type {
    margin-bottom: 20px;
    line-height: 34px;
}

#userDetails .inner{display:block; background:var(--pale-grey);}
#userDetails td:first-of-type{
    background:#ddd;
}

#userDetails td:last-of-type{
    background:#fff;
}

#userDetails td,
#userDetails th{
	border:5px var(--pale-grey) solid
}

@media only screen and (max-width:1520px) {
	.properties-child #searchWrap #guests select {
	
		width: 85px;
	}
	
	.properties-child #searchWrap .col {
		
		padding: 10px;
	
		height: 46px;
		
	}
	
	#searchWrap  .search-filter {
		
		width: 50px;
		height: 46px;
		
	}
	
	.properties-child #searchWrap  .btnSearch {
		height: 46px;
		
		padding: 0 15px;
	}
	
	.properties-child .sub-nav #searchWrap {
		
		margin-top: 15px;
		
	}
	
	.properties-child .sub-nav #searchWrap #location {
		width: 180px;
	}
}

@media only screen and (max-width:1500px) {
	div.main {
		padding: 40px 30px;
	}
	
	.popular .inner{

		grid-template-columns: repeat(4,24%);
		column-gap:1.33%;
		row-gap:20px;
		
	}
	
	.popular {
		
		padding: 40px 0;
	}
	
	.popular h2 {
	
		margin-bottom: 25px;
	}
	
	footer{padding:40px;box-sizing: border-box}
	footer .col {width:100% !important}
	footer .logo {order:5}
	footer .social {order:6}
	footer .inner {
		display: grid;
		text-align:center !important;
				grid-template-columns: repeat(3, 33.33%);
				row-gap:30px;
	}
	
	
	footer div.social {
		width: 100%;
		gap: 25px;
		justify-content:center
	}
	
}

@media only screen and (max-width:1400px) {
	
	
	
	.personal img {
		margin: 0 5% 0 50px;
		
	}
	
	.contactpage main .wrapper {

		grid-template-columns: 46% 46%;
		row-gap:40px
	}
	
	.contactpage .l, .contactpage .r {
    margin-bottom: 0;
}
	
	.properties-child .sub-nav .search-icon-mob:hover {color:var(--red-dark)}
	
	.properties-child .sub-nav .search-icon-mob {
		display: block;
	 
	}
	
	.properties-child .sub-nav #searchWrap {
		display:none
	}
	
	.properties #propertiesFound .grid {
		
		grid-template-columns: repeat(4,22.5%);
		
		column-gap: 3.33%;
		
	}
	
	.properties-child .cta-reassure .safe {display:none}
	.properties-child .cta-reassure .safe-mob {display:flex}
	
	/* .properties-child .inner:not(#message .inner,#ownerPlans .inner,#loading .inner) {
		display: block;
	}
	
	.properties-child .inner .r {
		width: 100%;
		margin-left: 0;
	} */
	
	.properties-child #images {
		display: block;
	}
	
	.properties-child #images #thumbnails {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(5, 19%);
		gap:1.25%;
		row-gap: 10px;
		margin: 10px 0 0 0;
	}
	
	.properties-child .inner .r {
		width: auto;
		margin-left: 30px;
		flex: 1;
	}
	
	.properties-child .inner .l {
    flex: 0;
    width: 60%;
    padding-top: 30px;
}
	
	.properties-child main .top .options {
    width: auto;
    position: absolute;
    top: -46px;
    right: 0;
}
	
.properties-child main .top	.stars {
    
    position: absolute;
    top: -50px;
}
	
	.properties-child #images #thumbnails span {
		height:100%;
		width: 100%;
		
	}
	
	.properties-child .sub-nav #searchWrap {
		background: #ccc;
        padding: 10px;
        border: 2px #dedede solid;
        border-radius: 4px;
		box-shadow: 0 0.5rem 1rem rgba(0,0,0, 0.15) !important;
	}
}

@media only screen and (max-width:1200px) {
	
	.sub-nav .inner {
  
    padding-left: 15px;
}

	.properties-child .question-cta span {
		
		font-size: 16px;
		
		line-height: 23px;
		
	}
	
	.properties-child .question-cta button {
		padding:15px;height:auto;
	}
	
	.featured {
		
		grid-template-columns: repeat(3,31%);
		column-gap:3.5%;
		row-gap:40px
	}
	
	.add-property .reassure ul li {
		
		grid-template-columns:38px 85%;
	}
	
	.add-property .reassure .inner {
		
		width: 100%;
		
	}
	
	
	
	/* .header-white main {
		margin-top: 170px;
		
	} */
	
		body.subscription-success .inner {
		display:block
	}
	
	body.subscription-success .inner div:last-of-type .btn {
		max-width: 275px;
		margin: auto;
		float: none;
	}
	
	body.subscription-success .inner div:last-of-type h2{margin-bottom:0}
	body.subscription-success .inner div:last-of-type {
		margin: 40px 0 0;
		display: grid;
		grid-template-columns: 100%;
		row-gap: 20px;
		justify-content: center;
		width: 100%;
	}


	.popular .inner{

		grid-template-columns: repeat(3,32%);
		column-gap:2%;
		row-gap:10px;
	
		
	}
	
	.popular {
		
		padding: 30px 0;
	}
	
	.popular h2 {

		font-size: 26px;
		line-height: 34px;
		margin-bottom: 20px;
	}
	
	.popular a {
		font-size: 17px;
		
	}
	nav a{
		margin:0;
		
	}

	  nav#desktop {
		display: none;
		position: fixed;
		top: 70px;
		right: 10px;
		left: auto;
		width: min(500px, calc(100vw - 20px));
		max-height: calc(100vh - 80px);
		overflow-y: auto;
		z-index: 9999;
		padding: 0;
	  }

	  header.is-compact.menu-open nav#desktop,
	  header.menu-open nav#desktop {
		opacity: 1;
		visibility: visible;
		transform: none;
		pointer-events: auto;
	  }
	nav#desktop .mob:hover,
	nav#desktop .mob:hover i,
	nav#desktop a:hover,
	nav#desktop a:hover i{color:#fff !important}
	
	nav#desktop .mob:hover,
	nav#desktop a:hover{background:var(--red-vdark);}
	
	
	nav#desktop .mob,
	nav#desktop a {
		margin: 0;
		width: 100%;
		display: block;
		float: left;
		color: #fff;
		text-align: center;
		font-weight: 300 !important;
		height: auto !important;
		line-height: normal !important;
		padding: 18px 5px !important;
		box-sizing: border-box;
		border-bottom: 1px #efefef solid;
		font-size: 17px;
		background:var(--dark-grey)
	}
	

	
	#menu-phone:hover{background:var(--red-dark)}
	#menu-phone:hover i{color:#fff;}
	#menu-phone i{color:#333;font-size:20px;transition:.3s}
	
	#menu-phone {
		width: 46px;
		height: 46px;
		display: flex;
		cursor: pointer;
		color: #fff;
		border-radius: 50%;
		align-items: center;
		justify-content: center;
		background: #f8f8f8;
		margin-left: 35px;
		float: right;
		transition: .3s;
		z-index: 10000;margin-top:10px
	}
	
	.header-white #menu-phone i{color:#fff}
	.header-white #menu-phone {background:var(--red-dark)}
	
	nav i.slash {font-size:14px}
	
	nav .mob:hover i{color:var(--red-dark)}
	
	
	.header-white #menu-phone:hover {background:var(--red)}
	nav i.icon {
		font-size: 22px;
	
		position: relative;
		top: 2px;
		margin-right: 8px;
	
	}
		
	nav .dropWrap {
		
		width: 100%;
		float: left;
	}
	
	nav#desktop .parent {display:none}
	nav a.mob:hover {color:#fff !important}
	nav .drop {
		display: block;
		position: relative;
		float: left;
		top: auto;
		left: auto;
		width: 100%;
	}
	
	a.logo img {
		width: 240px;
		margin-top:5px; 
	}
	
	.fave-heart {
	
		top: 17px;
		
	}
	header .container {
		
		padding: 0 10px;
		
	}
	
	#menu-phone,
	header .top .btn {
		
		margin:5px 0 0 20px;
	}
	
	.property-cats{
		
		grid-template-columns: repeat(3,31%);
		
		column-gap: 3.5%;
	
	}
	
	.hero {
		padding: 140px 0;
		
	}
	
	.add-property .hero {
		padding-top: 40px;
	}
	
	.header-white main {
		margin-top: 100px;
	}
	
	.main-property-types-child main {
		padding-top: 20px !important;
		
	}
	
	.subnav main {
		margin-top: 220px;
	
	}
	
	.bc main {
		margin-top: 180px;
	}
	
/* 	.hero-sm main {
		margin-top: 110px;
	} */
	
}

@media only screen and (max-width:1100px) {
	.payment-plans .inner {
  
		grid-template-columns: 48% 4% 48%;
   
	}
	
	.general-inner {
		padding:30px 0;
	}
	
	.cols-2 .col{  scroll-margin-top: 80px;}
	
	.cols-2 {

		grid-template-columns: 100%;
		gap:40px
	}
	
	main th, main td {
 
		line-height: 20px;
	}
	
	.add-property .reassure h1 {
		
		padding: 0 10%;
	}
}

@media only screen and (max-width:950px) {
	
	.properties #propertiesFound .grid {
		grid-template-columns: repeat(3,31%);

		column-gap: 3.5%;
	}
	#hero .inner {
		padding-top: 150px;
		
	}
	
	#searchOuter {
		width: 300px;
		margin: auto;
		float: none;
	}
	
	#searchWrap .col {
		width: 100% !important;
		
		margin:0 0 10px 0;
		
	}
	
	#searchWrap  .btnSearch {
		width:100%
	}
	
	#searchWrap  .btnSearch {
		width: 100%;
		justify-content: center;
	}
	
	#searchWrap #guests select,
	.dates-wrapper {
	
		width: 100% !important;
		
	}
	
	.personal{padding:40px 0}
	.personal img {order:1;margin:0 auto 30px auto}
	.personal .l {
		flex: 1;
		order: 2;
	}
	
	.personal,
	.personal h2{text-align:center}
	.personal .inner {
		flex-direction:column;
		
	}
	
	body.subscription-success table td{font-size:13px}
	body.subscription-success table td:last-of-type{word-break:break-word;}
	
	.properties .sub-nav #searchWrap {
		display:none;
		background: #ccc;
        padding: 10px;
        border: 2px #dedede solid;
        border-radius: 4px;
		box-shadow: 0 0.5rem 1rem rgba(0,0,0, 0.15) !important;
	}
	
	#searchWrap  .closeSearch {
    position: absolute;
    top: 0px;
    right: -1px;
    font-size: 24px;display:block
}

	#searchWrap  .search-filter {
		
		width: 40px;
		
		height: 36px;
		
		margin: 0 0 10px 0;
	}
	
	.properties .sub-nav .search-icon-mob {
		display: block;
		margin:0;
	}
	
	.properties .sub-nav .inner {
		width:100%;
		
	}
	
	main .post article .top {
		display: block;
		margin-: 30px;
	}

	main .post article .img {
		margin-right: 0;
		width: 100%;
		text-align:center;
		margin-bottom: 30px;
		height: auto;
    overflow: auto;
	}
	
	main .post article img {
		width: auto;
		float: none;
	}
	
	.pop .other .btn {

		width: 100%;
	
	}
		
}
@media only screen and (max-width:900px) {
	
	.properties-child .inner:not(
		#message .inner,
		#ownerPlans .inner,
		.sub-nav .inner,
		#loading .inner
	) {
		display: block;
	}
	
	.properties-child .inner .l,
	.properties-child .inner .r {
		width: 100%;
		margin:0;
		
	}
	
	.properties-child #propertyFeatures .list,
	.properties-child .desc {
		margin-bottom: 20px;
		
	}
	
	.main-property-types-child .wrap {
		display: block;
	}
	
	.main-property-types-child .wrap .l {margin-bottom:40px}
	
	.main-property-types-child .wrap .r {
		width: 100%;
		display: grid;
		grid-template-columns: 48% 48%;
		column-gap: 4%;
		row-gap: 30px;
	}

	#openGallery {
		
		margin-bottom:20px;
		
	}

	.reassurance a:nth-of-type(3) {
		display:none
	}
	
	.homepage .large-cta .inner {
		display: grid;
		grid-template-columns: repeat(2, 48%);
		column-gap:4%;
		row-gap:30px;
	}
	
	.large-cta a {
		width:100%
	}
	
	footer .inner {
		
		grid-template-columns: repeat(2, 50%);
		
	}
	
	.payment-plans .inner {
		grid-template-columns:100% !important;
	}
	
	.add-property main {
		min-height: 2000px;
	}
	
	#popPlanCost .btnCell button.btn {
		
		border-radius: 6px;
	}
	
	#popPlanCost th, #popPlanCost td {
	
		width: auto !important;
	}
	
	#popPlanCost table {
		border:none;
		  width: 100%;
		  table-layout: fixed;
		  word-wrap: break-word;
		}
		
		header .social {
			display:none
		}

	#ownerPlans .inner {
		padding: 0;
	}
	
	#ownerPlans .detail {margin-bottom:20px;}
	#ownerPlans .detail ,
	#ownerPlans  .hwrap {
		border-radius: 0;
	}
	
	.hero-sm #hero .inner {
    padding-top: 90px;
}
	
	.hero-sm #hero h1 {
		font-size: 26px;
		line-height: 34px;
		font-weight: 500;
	}
	
	.hero-sm #hero {
		
		height:180px !important;
	}
	
	a.logo img {
		width: 210px;
		
	}

}

@media only screen and (max-width:850px) {
	
	.fave-heart {
	
		left:20px
		
	}
	.featured {
		
		grid-template-columns: repeat(2,48%);
		column-gap:4%;
		
	}
	
	fieldset .four {
		
		grid-template-columns: repeat(3,33%);
	
	}
	
	.add-property .reassure ul {
		
		grid-template-columns: 100%;
		
	}
	
	

	#propertyPreview {
		padding: 20px 15px;
	
	}
	
	.contactpage main .wrapper {
		grid-template-columns: 100%;
		row-gap: 30px;
	}
	
	
	.properties-child .sub-nav .search-icon-mob {
    margin:0
}
	.sub-nav {
		
		height: 66px;
	}
	
	.sub-nav .inner {

		width: 100%;
		justify-content: space-between;
	}
	
	.properties .sub-nav .inner {
	
		justify-content: center;
	}
	
	#enquiryWrap .three {
		display: grid;
		grid-template-columns: 100%;
		column-gap: 0;
	}
	
	#enquiryWrap .quick-contact .btn-icon-left i {
		display:none
	}
	
	.pop .quick-contact .btn {
		height: auto;
		line-height: normal;
		padding: 15px;
		
	}
}

@media only screen and (max-width:800px) {
	nav#desktop {
    width: 100%;
    padding: 0;
    top: 3px;
    right: 0;
}
	
	header {
		padding: 5px 0 ;
	}
	
	.header-white main {
    margin-top: 70px;
}

.subnav main {
    margin-top: 190px;
}

.bc main {
    margin-top: 160px;
}
	
	header button.login,
	nav .dt{display:none}
	
	div.main {
		padding: 25px 0;
	}
	
	div.main h2 {
		font-size: 30px;
		
		line-height: 40px;
	
	}
	
	div.main .intro {
		padding:0
	}
	
	.sign-up {padding:40px 0}
	.sign-up .inner {
		width: 300px;
		
		grid-template-columns:100%;
		row-gap:10px
	}
	
	.sign-up .btnSubscribe {
		width:100%;text-align:center
	}
	
	.sign-up .strap {
		font-size: 20px;
		
		
		line-height: 26px;
	}
	
	.hero {
		padding: 110px 0;
		
	}
	
	textarea {
	
		min-height: 200px;
		
	}
	
	.step-progress__step {
		border-radius:none;
	}
	
	.step-progress {
		gap: 4px;
	}
	
	.payment-plans .hwrap h2 {

		font-size: 24px;
		line-height: 30px;
		
	}
	
	.payment-plans .h-annual h2 i {
		
		top: 2px;
	}
	
	.payment-plans .hwrap {
	
		padding: 18px 15px;

	}
	
	.payment-plans .hwrap h2 {
		margin-bottom:10px
	}
	
	.payment-plans span.link {font-weight:500;font-size:14px}
	.payment-plans .hwrap .strap {
		font-size: 18px;
		padding: 0 20px;
		line-height: 26px;
	}
	
	#popPlanCost th, #popPlanCost td {
		padding: 10px;
		
	}
	
	.payment-plans i.close {
		top: 4px !important;
		right: 1px !important;
		font-size: 20px;
	}
	
	body.general main {

		padding: 30px 10px;
	}
}

@media only screen and (max-width:730px) {
	.sub-nav .back {display:none}
	.sub-nav .back-mob {display:flex;font-size:14px;margin-right:20px;padding: 0 10px}

	.aboutpage main{text-align:center}
	
	.aboutpage .intro {display:block;text-align:center}
	
	.aboutpage .intro {
		display: block;
		margin-bottom: 30px;
	}
	
	.aboutpage .intro img {
		margin: 0 0 20px 0;
	}
	
	.aboutpage  ul {
		text-align:left
	}
	
	#loginRegister {
		width:90%;
	}
	
	header .add-property{display:none}
	
	header .top button.account span {
		display:none;
		
	}
	
	header .top .btn i.down {
		
		right: 0;
	}
	
	header .top button.account:hover,
	header .top button.account {
		background: none !important;
		border: none;
		width: 45px;
	}
	
	#menu-phone{
		margin-left:40px;
	}
	
	.property-cats{
		
		grid-template-columns: repeat(2,47.5%);
		
		column-gap: 5%;
	
	}
	
	.property-cats a span {
		font-size: 16px;
		
	}
	
	footer .inner {
		grid-template-columns: 100%;
	}
	
	footer {
		padding: 40px 0;
		
	}
	
	#message{width:96%}
	
	#frmCreate .field-wrap {
		width: 100%;
		
	}
	
	#addEdit i {
		font-size: 22px !important;
	}
	
	#frmProperty .btn:not(button.plan){padding:0 20px;height:46px;font-size:16px}
	#frmProperty .btn-icon-right{padding:0 3px 0 15px !important;font-size:14px !important}
	
	
	
	#frmProperty .btn-icon-left {
		padding: 0 15px 0 3px !important;
		font-size: 14px !important;
	}
	
	#frmProperty button.another{padding: 0 15px 0 15px !important;}
	#frmProperty button.another i{left:-4px !important;font-size:16px !important;}
	/* #addEdit i {
		font-size: 16px !important;
	}
 */
	.btn-icon-right i {
		right: 0;
		font-size: 16px !important;
	}
	
	.btn-icon-left i {
		left:0;
		font-size: 16px !important;
	}
	
	
	
	#frmProperty button.images i{left:-10px}
	#frmProperty button.images {
	
		padding: 0 10px 0 25px !important;

	}
	
	.properties #propertiesFound .grid {
		grid-template-columns: repeat(2,48%);
		column-gap: 4%;
	}
}
@media only screen and (max-width:650px) {
	.reassurance a {
		width: 150px;
		text-align: center;
	}
	
	.reassurance a span:last-of-type {
		
		font-size: 15px;
		line-height:22px;
		margin-top:5px;
	}
	
	.reassurance {
		
		padding: 20px 10px;
	}
	
	
	.popular .inner{

		grid-template-columns: repeat(2,48%);
		column-gap:4%;
	
		
	}
	
	button.another{
		clear: both;
		margin: 25px 0 0 !important;
		float: left !important;
	}
	
	
}
.booking-success main .options{margin-top:30px}

.booking-success main .options a:first-of-type{margin-right:30px}

@media only screen and (max-width:620px) {
	
	.properties-child #images #thumbnails {
		grid-template-columns: repeat(4, 24%);
		column-gap: 1.33%;
		row-gap: 7px;
	}
	
	.sub-nav .with-back a {
		margin-right: 20px;
		
		font-size: 14px;
	}
	
	.booking-success main .container{padding:0 5px}
	
	.booking-success main .options a {
    margin: 0 0 30px;
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
}
	
	
	.homepage .large-cta .inner {
	
		grid-template-columns: repeat(1, 100%);
		
	}

	
	.homepage .large-cta .container {
		
		padding: 0 45px;
		
	}
	
	fieldset .four {
		grid-template-columns: repeat(2,49%);
	
	}
	
	fieldset .pair {
		display: grid;
		grid-template-columns: 100%;
		
	}
	
	.planMob {
		padding-bottom: 150px;
	}
	
	main .posts a img {
    height: auto;
    float: left;
    width: 100%;
}
	
	main .posts a .img {
		width: 100%;
		overflow: inherit;
		margin: 0 0 20px 0;
		height: auto;
		border-radius: 0;
	}
	
	main .posts a {
		display: block;
		text-align: center;
		float: left;
	}
	
	main .posts a p {
		text-align: justify;
		font-size: 16px;
		line-height: 24px;
	}
}

@media only screen and (max-width:580px) {

	
	#menu-phone, header .top .account {
		margin-left:0 !important;
	} 
	
	#menu-phone {
		margin-left:30px !important;
	} 
	
	.fieldsets {
		
		padding:0 15px;
	}
	
	.add-property main .amenities fieldset{padding:15px}
	.add-property main .amenities .checkAndLabel label {
		
		font-size: 13px;
	}
	
	.add-property main .amenities .checkAndLabel{gap;5px;padding-right:5px}
	.add-property main .amenities .checkAndLabel input{
	
		height: 20px;
		width: 20px;
	}
	
	.add-property main .amenities fieldset .rg20 {
		row-gap:10px;
	}
	
	.fieldsets h1 {
		font-size: 24px;
		margin-bottom: 18px;
		padding-bottom: 18px;
		
	}
	
	.add-property .reassure h1 {
		margin-bottom: 20px;
		font-size: 24px;
		line-height: 30px;
	}
	
	.add-property .reassure ul {
		font-size: 16px;
		line-height: 21px;
		row-gap: 8px;
		font-weight: 300;
	}
	
	.add-property .reassure ul li {
		grid-template-columns: 28px 89%;
	}
	
	.add-property .reassure ul li i {
		font-size: 16px;
		
		top: 2px;
	
	}
	
	.add-property .reassure .inner {
		padding: 15px;
		margin-bottom:15px;
		border-radius: 5px;
		
	}
	
	.add-property .hero {
		padding-top: 30px;
	}
	
	#frmProperty .wrap h3 {
		margin-bottom: 14px;
		font-size:17px
	}
	
	fieldset .three {
		
		grid-template-columns: 100%;
		
	}
	
	#propertyPreview h1{padding-bottom:0}
	
	.add-property .reassure h1 {
		margin-bottom: 20px;
		
		font-size: 24px;
		line-height:30px;
	}
}
	
	.add-property main fieldset, .add-property main .form-wrap {

		border-radius: 2px;

		border: 5px #fff solid;
	}
	
	
	body.subscription-success h1 {
		margin-bottom: 20px;
		line-height: 30px;
		font-size: 22px;
	}
	
	body.subscription-success h2 {
		margin-bottom: 10px;
		font-size: 18px;
	}
	
	body.general main h1{line-height:34px;font-size:26px}
	
}

@media only screen and (max-width:520px) {
	.sub-nav .tabs a {
		margin-right: 20px;
		font-size: 14px;
	}
	
	.main-property-types-child .wrap .r {
		margin:0;
		grid-template-columns: 100%;
		column-gap: 0;
	
	}
	
	#frmProperty .save-continue {

		top: -37px;
		right: auto;
		left: -2px;
		z-index: 10;
		font-size: 14px;
	}

	
	#frmProperty .save-continue i {
	
		font-size: 22px !important;
	
	}
	
	#stepProgress {
		margin-bottom: 60px;
	}
}
@media only screen and (max-width:500px) {
	
	.sub-nav .with-back a:first-of-type {
		display:none
	}
	
	span.calc i:first-of-type {
		display:none
	}
	
	span.calc i:last-of-type {
		top: 1px;
		font-size: 18px !important;
	}
	
	span.calc {
    /* font-size: 16px !important; */
		margin-top: 20px;
	}
	
	.payment-plans table {margin-top:0}
	
	.payment-plans .hwrap {
	
		border-radius: 0;
	}
	
	.payment-plans .detail {
		padding:0;
		border:none;
	}
	
	.payment-plans .detail button {
		margin-bottom: 30px;
		font-size: 20px;
		float: none;
	}

	#hero h1 {
		font-size: 34px;
		margin-bottom: 30px;
		line-height: 44px;
		
	}
	
	#hero .inner {
		padding-top: 120px;
	}
	.reassurance a:nth-of-type(2) {
		display: none;
	} 
	.reassurance a {
		width: 45%;
		
	}
	
	.featured {
		
		grid-template-columns: repeat(1,100%);
		column-gap:0;
		
	}
	
	.featured .detail{padding-right:10px;padding-left:10px;}
	.featured a{
		
		padding:10px;padding-bottom:0
	}
	
	.large-cta {
		padding: 25px 0;
	}
	
	.homepage .large-cta .container {
		
		padding: 0 25px;
		
	}
	
	.contactpage h2, .contactpage h1 {
		font-size: 18px;
		margin-bottom: 20px;
		padding-bottom: 11px;
		line-height: 26px;
		
	}
	
	.hero-sm #hero h1 {
		font-size: 22px;
		line-height: 30px;
	}
	.pop .h2 {
		
		font-size: 16px;
	
	}
	
	.properties-child .btm h2, .properties-child main h1 {
		
		font-size: 23px;
		line-height: 30px;
	}
	
	.properties #propertiesFound .grid {
		grid-template-columns:100%;
		column-gap: 0;
	}
	
}

@media only screen and (max-width:460px) {
	.properties-child #images #thumbnails {
		grid-template-columns: repeat(4, 23%);
		column-gap: 2.66%;
		row-gap: 8px;
	}
	
	#propertyReviews .leave {
		position: relative; 
		float: left; 
		margin-bottom:14px
	}
}
@media only screen and (max-width:420px) {
	.property-cats a i{
		
		display:none
	
	}
	
	.property-cats a span {
		
		margin-top: 6px;
		
	}
	
	.property-cats {
	
		row-gap: 20px;
		margin-top:30px
	}
	
	div.main .intro p {
		line-height: 24px;
		font-size: 16px;
	   
		}
		
	.popular .inner{

		grid-template-columns: repeat(1,100%);
		column-gap:0;
	
		
	}
	
	.popular {
		background-size: cover;
		text-align: center;
	}

	button.plan i{display:none}
	button.plan{text-align:center;height:auto;padding:18px 24px;font-size:17px !important}
	
	.payment-plans .detail {
		padding: 20px 15px 30px 15px;
	
	}
	
	.contactpage .details span {
		padding-left: 6px;
		font-size: 16px;
	}
	
	span.calc {
	
		margin-top:5px;
	}
	
	.fave-heart {
		left: 10px;
	}
	
	a.logo img {
		width: 190px;
	}
	
	header .top .btn i.down {
		
		display: none;
	}
	
	header .top button.account:hover,
	header .top button.account {
		width: fit-content;
		margin: 4px 0 0 0;
		
	}
}
@media only screen and (max-width:400px) {
	
	.sub-nav .inner {
		padding-left:0;
	}
	
	.sub-nav .back-mob:hover,
	.sub-nav .back-mob {
		background:none !important;
		font-size: 13px;
		margin-right:0;
		padding: 0 0 0 4px;top:-1px
	}
	
	#menu-phone {
		margin-left:0 !important;
	} 
	
	header .social {
		display:none
	}
	
	
	
	body.subscription-success .inner div:last-of-type .btn {
		max-width: 100%;
		width: 100%;
		font-size:15px
	}
	
	
		
}
@media only screen and (max-width:390px) {
	

	
	span.calc {
		font-size: 18px !important;
		
	}
	
	.properties-child main .top .stars i {
	
		margin-right: 1px;
		font-size: 12px;
	}
	
	#hero h1 {
		
		margin-bottom: 20px;
		line-height: 42px;
		
	}
	
	#hero .inner {
		padding-top: 110px;
	}
	
	.hero-sm #hero .inner {
		padding-top: 80px;
	}
	
	/* .hero-sm main {
		margin-top: 100px;
	} */
	
	header .social {
	
		display:none
	}
	
	/* header .top button.account {
		margin-left:20px !important;
	} */
	
	


	.large-cta, 
	.homepage .large-cta .container {
		
		padding: 0;
		
	}
	
	.homepage .large-cta .inner {
		
		row-gap:0;
	}
	
	#frmProperty button.images {
	
		position: relative;
		right: auto;
		top: auto;
		margin-bottom: 20px;
	}
	
	#popPlanCost tr.totals td {
		
		font-size: 16px;
		padding: 10px;
	}
	
	#popPlanCost .btnCell button.btn {
		padding: 15px;
		
	}
	
	.contactpage .last a.wa i{display:none}
	.contactpage .last a.wa {
		
		padding: 20px;
		width: 100%;
		box-sizing: border-box;
		display: block;
		text-align: center;
		height: auto;
	}
	
	
}

@media only screen and (max-width:370px) {
	.contactpage .details a{padding-left:2px}
	.contactpage .details i{display:none}
	.contactpage .details span {
		padding-left:0;
		font-size: 15px;
	}
	
	.sub-nav .tabs a:first-of-type {
		display:none
	}
	
	#registerSuccess .options .heading {
		
		font-size: 16px;
	}
	
	header .top button.account {
		
		display:none
		
	}
}

@media only screen and (max-width:355px) {
	
	#frmProperty .wrap h3 i {
		display:none
	}
	
	.sub-nav .with-back a {
		margin-right: 15px;
		font-size: 13px;
	}
	

	
	header #in {
		
		top: 100px;
	
	}
	
	#frmProperty .wrap .btn:not(button.plan) {
		border-radius: 10px;
		font-size: 15px;
		
		padding: 0 20px;
		
	}
	
	.booking-success main .options a {

		font-size: 14px;
	}
}
@media only screen and (max-width:340px) {

	.properties-child main .top .options span {
	
		font-size: 12px;
	}
	
	.properties-child main .top .options span:last-of-type {
		margin-left: 10px;
	}
	
	main .container {
	
		padding: 0 15px;
	
	}
	
	#hero .container {
   
		padding: 0 15px;
	}
		#searchWrap .col *{
		font-size:13px !important
	}
	
	.property-cats {
		grid-template-columns: repeat(1,100%);
		column-gap:0;
	}
	
	body.general main {

		padding: 30px 0;
	}
	
	.sub-nav .with-back {
		display:none
	}
	
	#registerSuccess .options .heading {
		
		font-size: 14px;
	}
	
	

	a.logo img {
		width: 150px;
		margin-top: 10px;
	}
	#hero h1 {
		font-size: 26px;
		margin-bottom: 20px;
		line-height: 34px;
		
	}

	.sub-nav .back {
		
		padding: 0 10px;
		font-size: 14px;
	}
	
	.properties-child main .top	.stars {
		display:none;
	}
	
	
}

@media only screen and (max-width:270px) {
	.sub-nav .tabs {
		display:none
	}
}
@media only screen and (max-width:240px) {

	a.logo {width:70%}
	a.logo img {
		width: 100%;
		
	}
	
	#menu-phone {
		width: 30px;
		height: 30px;
		
		background:none !important;
	
	}
	
	#hero .strap {
		display:none
	}
	
	.reassurance {
		
		display:none
	}
	
}