.imageArea {
    position:relative;
}
.imageArea.loading {

}
.imageArea .imgbox {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden;
}
.imageArea .imgbox img {
    width:auto;
    height:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}
.imageArea .imgbox img.vertical {
    width:100%;
    height:auto;
}
.imageArea .btns {
    font-size:25px;
    position: absolute;
    top:10px;
    right:10px;
}

#saveInfo{
	flex-direction: column;
    justify-content: center;
}

#saveInfo span.saving {
    display:none;
}

#saveInfo.saving span.saving {
    display:inline-flex;
	flex-direction: column;
    justify-content: center;
}

#saveInfo.saving span.saved {
    display:none;
}

#btnCompile > i, #btnCompile > .loader {
    display:none;
}
#btnCompile.compiling > i, #btnCompile.compiling > .loader {
    display:inline-block;
}

#btnCompile.compiling{
	box-shadow: 0 0 0 0 rgba(32 95 149, 1);
	animation: pulse-blue 2s infinite;
    -webkit-transform: perspective(1px) translate3d(0,0,0) !important;
    transform: perspective(1px) translate3d(0,0,0) !important;
}

@keyframes pulse-blue {
	0% {
		box-shadow: 0 0 0 0 rgba(20, 124, 168, 0.7);
	}

	70% {
		box-shadow: 0 0 0 10px rgba(52, 172, 224, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
	}
}

.loader {
	border: 3px solid #f3f3f3;
	border-radius: 50%;
	border-top: 3px solid #ff7e05;
	width: 20px;
	height: 20px;
	-webkit-animation: spin 1.5s linear infinite; /* Safari */
	animation: spin 1.5s linear infinite;
  }

  /* Safari */
  @-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
  }

  @keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }

#btnPreview > i, #btnPreview > .loader {
    display:none;
}
#btnPreview.saving > i, #btnPreview.saving > .loader {
    display:inline-block;
}
.newflyer7 .address-top-box{
	background: #2c4096;
	color: #fff;
	padding: 15px 20px;
}
.newflyer7 .qr-blue{
	background: #2c4096;
	color: #fff;
	padding: 15px 20px;
	margin-top: 20px;
}
.newflyer7 .qr-blue a{color: #fff;text-decoration: none;}
.newflyer7 .content-box {
    margin-top: 25px;
	padding: 0px 20px
}
.newflyer7 .row23{margin-top: 20px}
.newflyer7 .blue-divider{height: 4px;margin: 20px 0px;background: #2c4096;}
.ocean1 .forsale, .clean .forsale{
	font-family:'KozGoPr6N-Medium';
	font-size: 44px;
	text-transform: uppercase;
}
.ocean1 .category, .clean .category{
	font-family:'KozGoPr6N-Medium';
	font-size: 30px;
	text-transform: uppercase;
}
.ocean1 .amenities, .clean .amenities{
	font-family:'KozGoPr6N-Regular';
	font-size: 30px;
	text-transform: uppercase;
}
.KozGoProMedium{font-family:'KozGoPr6N-Medium';}
.KozGoProLight{font-family:'KozGoPr6N-Light';}
.clean ul.list-inline.hotel-icons {
    margin-top: 80px;
}
.newflyer2 .top-address *{
	letter-spacing: 4px;
	line-height: 46px;
	/*color: #000000;*/
	font-family: "KozGoPr6N-Regular";
}
.newflyer2 .hotel-icons3.list-inline>li{
	letter-spacing: 1px;
	line-height: 46px;
	color: #000000;
	font-weight: 300;
	font-family: "KozGoPr6N-Light";
	text-align: center;
}
.newflyer2 .hotel-icons.list-inline>li img {
    height: 90px;
}
.newflyer2 .right-profile p{
	font-size: 18px;
	letter-spacing: 3px;
	line-height: unset;
	color: #000000;
	font-weight: 500;
	font-family: "KozGoPr6N-Light";
}
.newflyer2 .left-profile img.user-profile-img {
    width: 160px;
}
.newflyer2 .col.left-profile-section {
    max-width: 200px;
}
.newflyer2 .blue-link-img {
    width: 160px;
}
.newflyer2 .desc-title{
	font-size: 38px;
	letter-spacing: 5px;
	line-height: 46px;
	color: #000000;
	font-weight: 500;
	font-family: "KozGoPr6N-Medium";
	margin-bottom: 10px;
}
.newflyer2 .desc *{
	font-size: 30px;
	letter-spacing: 3px;
	line-height: 47px;
	color: #000000;
	font-weight: 300;
	font-family: "KozGoPr6N-Light";
}
.newflyer2 .text-border-box {
    border: 2px solid #333;
    padding: 40px 30px;
}
.newflyer8 .flyer-address{font-size: 22px;}
.newflyer8 .row2 .col:nth-child(2){max-width: 390px;}

.boxeditorIcon{
	border: 1px solid #FF7B00;
	background: #fff;
	width: 25px;
	height: 25px;
	line-height: 16px;
	text-align: center;
	cursor: pointer;
	position: absolute;
	z-index: 12;
}
.editBox, .editablebox{position: relative;}
.editablebox.active{border: 2px dashed #ff7b00}
.newflyer4 .facility-list {
    margin-left: 40px;margin-top: 15px;
}
.newflyer11 .top-wave {
    width: 100%;
    height: 200px;
    position: relative;
    z-index: 99999;
}
.newflyer11 .bottom-wave {
	top: 0;
    background: #c0e8c2;
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 220px;
}
.newflyer11 .bottom-white-wave{
	top: 60px;
    background: #fff;
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 220px;
}
.newflyer11 .bottom-grey-wave{
    background: #b67f6a;
    position: absolute;
    z-index: 9;
    width: 100%;
	bottom: 55px;
    height: 220px;
}
.newflyer11 .bottom-red-wave{
    background: red;
    position: absolute;
    z-index: 9;
    width: 100%;
	bottom: 0px;
	height: 230px;
}
.newflyer11 .address{
	font-size: 22px;
	text-align: center;
	font-weight: 500;
	text-transform: uppercase;
	padding-top: 10px;
	color: #000;
}
.newflyer11 .price {
	font-size: 23px;
	font-weight: 500;
	height: 34px;
	width: 100%;
	color: #000;
}
.newflyer11 .round-content{
    justify-content: space-between;
    position: relative;
    padding-left: 20px;
    z-index: 5;
    /* width: 50%; */
    background: #dff1f1;
    -webkit-clip-path: ellipse(60% 84.78% at 50% 0%);
    clip-path: ellipse(29% 130% at 12% 130%);
    top: 50px;
    height: 154px;
	color: #000;
}
.newflyer11 .address2 {
	text-align: left;
    max-width: 280px;
    font-weight: 500;
}
.newflyer11 .roundbanner{
	padding-bottom: 195px;
}
.newflyer11 .bottom-red-wave-inner{
	rotate: 180deg;
}
.newflyer11, .newflyer11 table{color: #000;font-weight: 700;}
.newflyer11 .qr-home-block .col:nth-child(1) {
    max-width: 100%;
}
table.noborder, table.noborder td, table.noborder th{border: none;}
.newflyer11 .bottom-red-content {
    padding:0px 25px;
}
.newflyer11 .qr-block .qr{margin-left: 20px}
.newflyer11 .qr-block {
    max-width: 200px;
}
.newflyer11 table.noborder td{padding: 0px;text-align: left;}
.newflyer11 table.noborder{margin-top: 20px;}
.newflyer11 #p16{padding: 0px !important;}
.newflyer11 .border-img4{border: 3px solid #fff;box-shadow: 7px 0 60px rgb(0 0 0 / 5%);}
.newflyer11 .left-profile img.user-profile-img{box-shadow: 7px 0 60px rgb(0 0 0 / 5%)}
.newflyer11 .company-logo {
    position: absolute;
    z-index: 999;
    left: 25px;
    bottom: 175px;
}
.newflyer11 .blue-link-img {
    width: 70px;
}
.newflyer4 .three-box-images .editable,
.newflyer4 .facility-list .editable,
.newflyer4 .offer-desc .editable{z-index: 13;}
.text-red{color: red;}
