body {
  font-family: 'Archivo', 'kanit', sans-serif;
  padding-top: 105px;
  background-image: url('../img/map_bg.png');
  background-repeat: no-repeat;
  background-size: 900px;
  background-position: 80% 0%;
  color: #666666;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: 0.3px;
}

h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1 {
  font-family: 'Gabarito', 'kanit', sans-serif;
  color: #000;
  letter-spacing: 0.5px;
  font-weight: 600;
}

h6,.h6,h5,.h5,h4,.h4 {
  font-family: 'Archivo', 'kanit', sans-serif;
}

h1,.h1 {
  font-size: 72px;
  line-height: 1;
}

h2,.h2 {
  font-size: 60px;
  line-height: 1;
}

h2,.h2 {
  font-size: 60px;
  line-height: 1;
}

h4,.h4 {
  font-size: 24px;
  line-height: 1;
}

h2 small {
  font-size: 28px;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #e92a32;
}

.bg-light {background-color: #f3f3f3 !important;}

.lead {
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}

.btn {border-radius: 35px;}
.btn-lg {padding: 10px 25px;}
.btn-primary {background-color: #e92a32; border-color: #e92a32;}
.btn-primary:hover, .btn-primary:focus {background-color: #000; border-color: #000;}

.navbar-brand img {
  width: 70px;
  height: auto;
}

#mainNav {
  font-family: 'poppins', 'kanit', sans-serif;
  font-weight: 500;
  letter-spacing: 1px;
  transition: 0.3s ease-in-out;
  color: #000;
  font-size: 20px;
  line-height: 36px;
}

#mainNav.navbar-shrink {
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: 0px 0px 5px 5px rgba(200, 200, 200, 0.5);
}

#mainNav .navbar-nav li.nav-item a.nav-link {
  color: #000;
  position: relative;
  border-radius: 0;
  padding: 15px 25px;

}

#mainNav .navbar-nav li.nav-item a.nav-link:active,
#mainNav .navbar-nav li.nav-item.active a.nav-link,
#mainNav .navbar-nav li.nav-item.active a.nav-link {
  color: #e92a32;
}

#mainNav .navbar-nav li.nav-item a.nav-link:hover {
  color: #808384;
}


#mainNav .navbar-toggler {
  font-size: 20px;
  padding: 0;
  right: 25px;
  top: 20px;
  border: none;
}

.navbar-toggler:focus {
  border: none;
  box-shadow: none;
}

.navbar-brand {
  opacity: 0;
  transition: 0.5s ease-in-out;
}

.navbar-shrink .navbar-brand {
  opacity: 1;
  transition: 0.5s ease-in-out;
}

.header h1 {
  font-size: 40px;
  line-height: 44px;
}

.header p {
  font-size: 18px;
  line-height: 28px;
}

/*.hotline {
  position: absolute;
  top: 20px;
  right: 15px;
}

.hotline a{padding:10px 20px; border-radius: 35px; font-size:15px; line-height: 24px;}
.hotline a:hover, .hotline a:focus {background-color: #e92a32; color:#fff;}*/

.page-section {padding:60px 0;}
.property-year-completion {background-color: #e92a32; color:#fff; padding:5px 10px; display: inline-block; text-align: center; font-size:20px; font-weight: 500; border-radius: 10px;}
.property-year-completion span{width: 100%; display: block; font-size: 12px; line-height: 14px;}
.property-item h4 {font-size:30px; line-height: 40px;}
.property-location {font-size:16px; line-height: 24px; font-style: italic;}
.property-features .feature-item {padding-left:60px; width: 100%; position:relative; font-size:17px; color:#000; font-weight: 500;}
.property-features .feature-icon {width:50px; height:50px; display:block; float:left; background-image: url("../img/feature_icon.png"); position:absolute; left:0;}
.total-area {background-position: 0 0;}
.living-area {background-position: 0 -50px;}
.living-area {background-position: 0 -50px;}
.beach {background-position: 0 -100px;}
.swimming-pool {background-position: 0 -150px;}
.bedrooms {background-position: 0 -200px;}
.property-features .feature-label {font-size:12px; display:block; float:left; width: 100%; color:#808384;}
.propery-price {font-size:30px; color:#e92a32; font-weight: 500;}
.propery-price span {font-size:18px; color:#000;}
.btn-readmore {color:#e92a32; padding:10px 0; border-radius: 35px !important; font-size:18px; transition: 0.3s ease-in-out;}
.btn-readmore:hover, .btn-readmore:focus {background-color: #e92a32; color:#fff; padding:10px 25px; transition: 0.3s ease-in-out;}

.property-page .property-location {font-size:30px; line-height: 36px; font-style: italic; color:#000;}
.property-page .property-features {border-top:1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
.property-page .property-features-text {font-size:18px; line-height: 28px;}
.property-page .propery-price {font-size:40px; font-weight: 600;}
.property-page .feature-item {width:calc((100% - 50px) / 5); display: block; float: left; margin-left:10px;}

.property-type {border-bottom:1px solid #ebebeb;}
.property-type h4 {font-weight: 700;}
.property-type .propery-price {font-size:22px; font-weight: 600;}


.heading h5 {letter-spacing: 3px; color:#e92a32; font-size:18px;}
.heading h2 {position:relative;}
.heading h2:after {position:absolute; width:120px; height:3px; background-color: #e92a32; bottom:-30px; display: block; content:"";}
.heading.text-center h2:after { left:calc((100% - 120px) / 2);}

.place-nearby-item {display: block; width:100%; position: relative;}
.place-nearby-item::before {position:absolute;
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,0.75) 20%, rgba(0,0,0,0) 100%);  bottom:0; height:50%; z-index: 1; width: 100%; display: block; content:"";}
.place-nearby-item span {position:absolute; bottom:15px; text-align: center; width: 100%; z-index: 3; left:0; font-weight: 500;}

.small {
  font-size: 11px;
  line-height: 13px;
}


.footer-top {
  background-color: #000;
  color: #fff;
}

.footer-bottom {
  background-color: transparent;

}

.footer-bottom a {color:#666666;}
.business-item h4 {color:#fff; font-size:22px;}
.business-item .phone {color:#fff; font-size:18px;}
.business-item .linkurl {font-size:13px;}

.business-item .phone a {color:#fff;}
.business-item .linkurl a {color:#e92a32;}

.avro-address {padding-left:110px; width: 100%; display:block; position:relative; width:300px;}
.logo-footer {
  width:90px;
  height: auto;
  position:absolute;
  left:0;
}

.social-icon ul {list-style: none; padding: 0; margin: 0; display: inline-block; width:200px;}
.social-icon li a {display:block; float:left; width:40px; height:40px; border-radius: 40px; border:2px solid #000; margin:0 5px; color:#000;}
.social-icon li a:hover, .social-icon li a:focus {color:#e92a32; border: 2px solid #e92a32;}
.social-icon li i {font-size:20px; line-height: 35px; text-align: center; display: block;}

.copyright {font-size:13px;}

.owl-theme .owl-nav {text-align: unset !important; display: flex; justify-content: space-between; margin-top: 0 !important;}
.owl-theme .owl-prev  {font-size: 70px !important; line-height: 50px !important; color: #000 !important; position: absolute; top: 50%; left: -40px; transform: translate(0,-60%);}
.owl-theme .owl-next  {font-size: 70px !important; line-height: 50px !important; color: #000 !important; position: absolute; top: 50%; right: -40px; transform: translate(0,-60%);}
.owl-theme .owl-nav [class*="owl-"]:hover {background: unset !important;}

.owl-theme .owl-dots {display:none}
/*.owl-theme .owl-dots {margin-top: 20px; position: absolute;  bottom: -50px;}
.owl-theme .owl-dots .owl-dot.active span {background: #e92a32 !important; }
.owl-theme .owl-nav.disabled + .owl-dots {margin-top: 30px !important;}*/

.gallery-item {
  position: relative;
  display: block;
  transition: 0.3s ease-in-out;
  overflow: hidden;
  font-size: 14px;
}

.gallery-item img {
  max-width: 100%;
  transition: all 1s;
}

.gallery-item:hover img {
  transform: scale(1.2);
}

.gallery-item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  z-index: 1;
  background-image: url('../img/plus.png');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  opacity:0;
  transition: 0.3s ease-in-out; 
}



.gallery-item::after {
  content: "enlarge image";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  color: #fff;
  top: calc(50% + 35px);
  opacity:0;
  transition: 0.3s ease-in-out; 
}

.gallery-item:hover::before,
.gallery-item:hover::after {
 opacity:1; 
 transition: 0.3s ease-in-out; 
}


.property-item .gallery-item::before {background-image: none;}
.property-item  .gallery-item::after {content:"Go"; background-color: #e92a32; width:80px; height:80px; border-radius: 80px; 
  top: calc((100% - 80px) / 2); left: calc((100% - 80px) / 2); padding-top:30px;}

.contact-info ul {
  list-style: none;
  font-size:18px;
}

.contact-info ul li {
  padding: 15px 50px;
  position:relative;
}

.contact-info ul li i {
  color: #000;
  position:absolute;
  left:0;
  font-size:30px;
}

.form-control {
  border-radius: 0;
  background-color: transparent;
  border:none transparent;
  border-bottom:3px solid #666;
  font-size: 16px;
  
}

.form-floating > label {top:-5px;}


.form-control:focus {
  background-color: #fff;
  border-color: #000;
  outline: 0;
  box-shadow: none;
}

.team-info .team-position {font-style: italic; font-size:20px; color:#e92a32;}

.swal2-popup .swal2-styled.swal2-confirm {
	background-color: #e92a32 !important; border-radius: 50px;
}
.swal2-popup .swal2-styled:focus {
	background-color: #000 !important;
  box-shadow: 0 0 0 3px rgba(150,150,150,.5);
}

.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
	background-color: #000 !important;
}


@media (min-width: 992px) {

  #mainNav {
    height: 80px;
    font-size:15px;
    line-height: 24px;
  }

  #mainNav .navbar-nav li.nav-item a.nav-link {
    color: #000;
    position: relative;
    border-radius: 35px;
    padding: 10px 25px;

  }

  #mainNav .navbar-nav li.nav-item a.nav-link:active,
  #mainNav .navbar-nav li.nav-item.active a.nav-link,
  #mainNav .navbar-nav li.nav-item.active a.nav-link:hover {
    color: #fff;
    background-color: #000;
  }

  #mainNav .navbar-nav li.nav-item a.nav-link:hover {
    color: #000;
    background-color: #b0b3b4;
  }

  .header img {
    margin-top: -80px;
  }

  .property-page {margin-top:-60px;}

/*  .menu {
    padding-right: 200px;
  }
*/


}

@media (min-width: 1200px) {
  .header h1 {
    font-size: 60px;
    line-height: 60px;
  }

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



}

@media (min-width: 1400px) {
  .header h1 {
    font-size: 72px;
    line-height: 80px;
  }
}

@media (max-width: 1199px) {
  body {
    background-size: 700px;
    background-position: 100% 0%;
  }

  h2, .h2 {
    font-size: 48px;
  }

  .property-page .feature-item {width:calc((100% - 50px) / 3);}

}

@media (max-width: 991px) {
  body {
    padding-top: 74px;
    background-image: none;
  }

  body.innerpage {padding-top:50px;}
  
  h2, .h2 {
    font-size: 40px;
  }

  h5, .h5 {font-size:18px;}

  .lead {
    font-size: 18px;
  }

  #mainNav, #mainNav.navbar-shrink{
    height: 50px;
  }

  .innerpage #mainNav,  .innerpage #mainNav.navbar-shrink {height:50px;}
  .navbar-brand img {width: 40px;}
  #mainNav.navbar-shrink .navbar-brand img {width: 40px;}
  #mainNav .navbar-toggler {top:8px;}

  .navbar-collapse {
    width: 100%;
    position: absolute;
    top: 40px;
    left: 0px;
    background: rgba(255, 255, 255, 0.9);
  }

  /*.hotline {
    right: 60px;
    top:13px;
  }*/


  .header p {
    font-size: 16px;
    line-height: 24px;
  }

  .innerpage .header {border-bottom: 1px solid #ebebeb; padding-bottom:20px;}
  .property-page {margin-top:-20px;}

  .btn-readmore {padding:8px 0; font-size:16px; }
  .btn-readmore:hover, .btn-readmore:focus {padding:8px 15px;}
  .property-features .feature-item {padding-left:50px; font-size:16px;}
  .propery-price {font-size:24px;}
  
  .btn-lg {padding: 8px 15px; font-size:16px;}
}

@media (max-width: 767px) {
  .header img {
    max-width: 300px;
  }
  .innerpage .header img {
    max-width:120px;
  }

  .page-section {padding: 40px 0;}
  .property-page {margin-top:0px;}


.owl-theme .owl-prev  {left: 20px; color:#fff !important;}
.owl-theme .owl-next  {right: 20px; color:#fff !important;}

.team-info img{max-width: 300px;}

}


@media (max-width: 575px) {

  body {font-size:14px; line-height: 22px;}
  .lead {font-size:16px; line-height: 24px;}
  h1, .h1 {
    font-size: 40px;
  }

  .lead {
    font-size: 16px;
  }

  .innerpage .header h1 {
    font-size: 30px;
    line-height: 36px;
  }

  .property-page .property-location {font-size:22px; line-height: 30px;}
  .property-page .property-features-text {font-size: 16px; line-height: 24px;}
  .property-page h2 {font-size:40px; line-height: 46px;}

  .heading h5 {font-size:16px; letter-spacing: 2px;}

  .header img {
    max-width: 250px;
  }

  .page-section {padding: 30px 0;}

  .property-page .feature-item {
    width: calc((100% - 50px) / 2);
  }

  .contact-info ul {font-size:16px;}
  .contact-info ul li i {font-size:24px;}
  .contact-info ul li {padding:10px 40px;}

}

@media (max-width: 399px) {
  .innerpage .header img {max-width: 100px;}
  .innerpage .header h1 {
    font-size: 26px;
    line-height: 32px;
  }
  .heading h5 {
    letter-spacing: 1.5px;
  }
}