@font-face {
    font-family: 'poppinsregular';
    src: url('fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinssemibold';
    src: url('fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fjalla_oneregular';
    src: url('fonts/fjallaone-regular-webfont.woff2') format('woff2'),
         url('fonts/fjallaone-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*animation shake start css*/


div.strong-hover-shake:hover {
  animation: tilt-shaking 0.15s infinite;
}

div.gentle-hover-shake:hover {
  animation: tilt-shaking 0.25s infinite;
}

div.gentle-tilt-move-shake:hover {
  animation: tilt-n-move-shaking 0.25s infinite;
}

div.strong-tilt-move-shake:hover {
  animation: tilt-n-move-shaking 0.15s infinite;
}

div.constant-tilt-shake {
  animation: tilt-shaking 0.3s infinite;
}

div.vertical-shake {
  animation: vertical-shaking 0.35s infinite;
}

div.horizontal-shake {
  animation: horizontal-shaking 0.35s infinite;
}

div.rise-shake {
  animation: jump-shaking 0.83s infinite;
}

div.skew-shake-x {
  animation: skew-x-shake 1.3s infinite;
}

div.skew-shake-y {
  animation: skew-y-shake 1.3s infinite;
}

@keyframes tilt-shaking {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(5deg); }
  50% { transform: rotate(0eg); }
  75% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}

@keyframes tilt-n-move-shaking {
  0% { transform: translate(0, 0) rotate(0deg); }
  25% { transform: translate(5px, 5px) rotate(5deg); }
  50% { transform: translate(0, 0) rotate(0eg); }
  75% { transform: translate(-5px, 5px) rotate(-5deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}

@keyframes vertical-shaking {
  0% { transform: translateY(0) }
  25% { transform: translateY(5px) }
  50% { transform: translateY(-5px) }
  75% { transform: translateY(5px) }
  100% { transform: translateY(0) }
}

@keyframes horizontal-shaking {
  0% { transform: translateX(0) }
  25% { transform: translateX(5px) }
  50% { transform: translateX(-5px) }
  75% { transform: translateX(5px) }
  100% { transform: translateX(0) }
}

@keyframes jump-shaking {
  0% { transform: translateX(0) }
  25% { transform: translateY(-9px) }
  35% { transform: translateY(-9px) rotate(17deg) }
  55% { transform: translateY(-9px) rotate(-17deg) }
  65% { transform: translateY(-9px) rotate(17deg) }
  75% { transform: translateY(-9px) rotate(-17deg) }
  100% { transform: translateY(0) rotate(0) }
}

@keyframes skew-x-shake {
  0% { transform: skewX(-15deg); }
  5% { transform: skewX(15deg); }
  10% { transform: skewX(-15deg); }
  15% { transform: skewX(15deg); }
  20% { transform: skewX(0deg); }
  100% { transform: skewX(0deg); }  
}

@keyframes skew-y-shake {
  0% { transform: skewY(-15deg); }
  5% { transform: skewY(15deg); }
  10% { transform: skewY(-15deg); }
  15% { transform: skewY(15deg); }
  20% { transform: skewY(0deg); }
  100% { transform: skewY(0deg); }  
}
/*animation shake end css*/


.letterspacing{letter-spacing: 2px;}
.clear{clear:both;}
.normaltexts{  font-family: 'poppinsregular'; color:#2e2c2c;}
.fjalaone{ font-family: 'fjalla_oneregular'; color:#2e2c2c; letter-spacing: 3px;}
.right-main-layers{background-color:#c5e6eb; height:auto;}
.pricebox-main{background-color:#397a4b; position:relative; border:2px solid #000 !important;}
.startingprice{background-color:#ffcb08; font-size:20px; position:absolute; top:-20px; left:0; right:0; margin-left:auto; margin-right:auto; padding:5px;}
.specialoffertab{height:65px; background-image: url("../images/specialoffer-tab.png"); background-position:center; 
  background-repeat:no-repeat; line-height:65px;}
.boxblue{  padding:2px 6px 6px 6px;}
.boxblue ul{margin:0px; padding:0px; list-style-type:none;}
.boxblue li{font-size:12px; color:#000; margin:0px; padding:0px 0px 0px 0px; list-style-image: url('../images/arrow.png'); list-style-position:inside;}
.bdr-dotted{border:dashed 2px #fff;}
.bg-blue{ background-color:#397a4b;}

.bg-price-main-bg{background-image: linear-gradient(to top, #e4edea 0%, #e4edea 100%);}
.bg-locations-bg{background-color: #e4fadc;
background-image: url("https://www.transparenttextures.com/patterns/gradient-squares.png");}
.bg-menufull-bg{background-color:#479d24;}
.bg-floorplan-main{
background-image: linear-gradient(to top, #e4edea 0%, #e4edea 100%);}
.bg-gallery-main{background-color:#efebed;}

.bg-banner-main2{padding-top:0px; padding-bottom:0px; display:none;}
.bg-banner-main{ margin-top:56px; background-image: url("../images/banner3.jpg"); background-position:center; 
  background-repeat:no-repeat; background-size:cover; height:auto;}
.bg-bottom-full-rect{background-image: url("../images/ctav7.jpg"); background-position:center; background-repeat:no-repeat; background-size:cover;}

.offer-div{background-color:#fbfaf9; color:#343233; font-size:20px; font-weight:400;}
.display-mob-offer{display:none;}
.flex-box-pric{ background-color:#02573a;
  display: flex; 
  flex-direction: row; justify-content:center;
  font-size: 100%; align-items:center;
  text-align: left; height:auto;
}
.flex-box-pric > div {
   text-transform:uppercase; flex:50%;
}

.flex-container h5 {font-family: 'poppinsregular'; font-weight:900;}
.flex-container {
  display: flex; 
  flex-direction: row;
  font-size: 100%; 
  text-align: left; height:auto;
}

.flex-item-left {
  background-color: #f1f1f1;
  padding: 10px; flex:50%;
  
}

.flex-item-right {
  background-color: #f1f1f1;
  padding: 10px; flex:50%;
 
}


/* Responsive layout - makes a one column-layout instead of two-column layout */
@media (max-width: 800px) {
 
.bg-banner-main{padding-top:0px; padding-bottom:0px; margin-top:0px;} 
 .right-main-layers{background-color:#fff; height:auto; width:100% !important;}
  
  
	.display-mob-offer{display:block; margin-top:50px !important;}
	.flex-container {
  display: flex; 
  flex-direction: column;
  
}
  .flex-item-right, .flex-item-left {
    flex: 100%;
  }
  
  
  
}