root {
  --primary-color: #083964;
}
body {
  color:var(--primary-color);
  overflow-x:hidden;
}
.text-primary {
  color:var(--primary-color);
}
.overlay-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}

header img {
    height: 69vh;
    /* object-fit: cover; */
    /* background-repeat: round; */
}
header h1 {
  font-size:50px;
}
header .overlay-content >  div {
  padding:20px;
}
header .overlay-content > div > div {
    padding: 35px;
    background-size: cover;
}
header p {
  font-size:30px;
  font-weight:300;
  letter-spacing:3px;
}
.property-features ul li {
  font-size:small;
  color:#7a7a7a;
  margin-bottom:8px;
}
.border {
    border: var(--bs-border-width) var(--bs-border-style) #ffffff !important;
}
.bg-image {
  background:url('../img/golf.jpg');
  object-fit: cover;
  width:100%;
  background-repeat:round;
}
.bg-image2 {
  background:url('../img/bg-hr.png');
  object-fit: cover;
  background-repeat:round;
}
.text-shadow {
  text-shadow: 2px 2px 4px #000000;
}
.br-10{
  border-radius:10px; 
}
.video-frame {
    width: 500px;
    height: 250px;
    box-shadow: 3px 3px 3px #00000040;
}
/* mobiel view csss */
@media only screen and (max-width: 600px) {
    header img {
      height:100%;
    }

    header h1 {
      font-size:25px;
    }
    
    header .overlay-content >  div {
      padding:15px;
    }
    header .overlay-content >  div > div {
      padding:15px 10px 2px 10px;
    }

    header .overlay-content  {
      width:100%;
    }
    header p {
      font-size:20px;
      font-weight:300;
      letter-spacing:2px;
    }
    .video-frame {
      width:100%;
      height:169px;
    }.bg-light {
    --bs-bg-opacity: 1;
    background-color: #d7e8f2 !important;
}
  }



.bg-white.p-3.mt-4.apartmentnme {
    position: absolute;
    left: 0;
    top: 1%;
    width: 45%;
    border: 1px dotted;
}
section.mt-5.property-features .row {
    position: relative;
}
.bg-light {
    --bs-bg-opacity: 1;
    background-color: transparent !important;
}
.imgsec {
    padding: 0px;
}
.videocon h1 {
    color: white;
    text-transform: uppercase;
    font-size: 49px;
}
h1.watchbtn {
    background: white;
    font-size: 17px;
    width: max-content;
    padding: 10px 52px;
    border-radius: 4px;
    box-shadow: box-shadow: 3px 3px 3px #00000040;
    color: black !important;
    box-shadow: 1px 7px 3px #00000040;
    margin-top: 30px;
}
.video-section .row {
    align-items: center;
}
.proimg img {
    width: 85%;
    height: 100%;
}
.proimg.d-none.d-sm-block {
    padding-right: 0;
}
.con img {
    width: 11%;
    padding-right: 6px;
}
header::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000059 !important;
    left: 0;
    top: 0;
    z-index: 9;
}
section.mt-5.floor-plan .container {
    padding: 0;
}
.property-section .col-md-8.text-white {
    background-repeat: no-repeat !important;
    background-size: 100% 100%;
}
footer.mt-5 {
    margin: 0px !important;
}
header {
    position: relative;
}

.search-icon input {
    padding: 16px 32px !important;
    text-align: center !important;
    margin-top: 10px;
    height: auto !important;
    color: black !important;
    border-radius:50px;
}




@media only screen and (max-width:767px)
{
    .bg-white.p-3.mt-4.apartmentnme {
    position: relative;
    width: 100%;
}
section.video-section.mt-5 .row {
    background-size: cover !important;
    padding-bottom: 56px;
}
.videocon {
    text-align: center;
}

h1.watchbtn {
    margin: 0 auto;
    margin-top: 36px;
}
.con img {
    width: 6%;

}
    header img {
        height: 44vh;
    }
          header .overlay-content {
        padding-right: 34px;
        padding-left: 29px;
    }
    header h1 {
        font-size: 18px;
        line-height: 31px;
    }
    header p {
        font-size: 14px;
    }
    section.mt-5.property-features {
    margin: 0px !important;
}



}


.footerlogo  img {
    background: white;
    border-radius: 50%;
    height: 50%;
}
footer .text-white.gap-5 {
    border-top: 1px solid;
    padding-top: 15px;
}
.headermain {
    background: black;
}
.phone h2 {
    font-size: 15px;
}
.phone a {
    text-decoration: none;
    color: white;
}
span.header-contacts-phone-text {
    padding-right: 21px !important;
}
.footer-bg2 {
    background-color: black;
    padding-top: 50px;
    padding-bottom: 50px;
}
.single-footer-widget .social-link li:nth-child(1) a:hover {
    background-color: #db8c23;
    -webkit-animation: tada 1s linear;
    animation: tada 1s linear;
}
.single-footer-widget .social-link li:nth-child(1) a {
    background-color: #3b5998;
}
.instagram a {
    background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.single-footer-widget .social-link li:nth-child(3) a {
    background-color: #3f729b;
}
.single-footer-widget .social-link li:nth-child(4) a {
    background-color: #ff0000;
}
.single-footer-widget.single-footer-color h3 {
    color: #ffffff;
}
.single-footer-widget.single-footer-color .footer-list li a {
    color: white;
}
.single-footer-widget.single-footer-color .footer-contact-list li span {
    color: #ffffff;
}
.single-footer-widget .social-link {
    margin: 0;
    padding: 0;
    list-style: 0;
}
.single-footer-widget.single-footer-color p {
    color: white;
}
.single-footer-widget .social-link li {
    display: inline-block;
    margin-right: 5px;
}
.single-footer-widget .footer-contact-list li {
    display: block;
    font-size: 15px;
    margin-top: 5px;
}
.single-footer-widget .social-link li a {
    border-radius: 50%;
    /* width: 32px; */
    /* height: 28px; */
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    padding: 9px 13px;
}
.single-footer-widget .logo {
    margin-bottom: 20px;
}

.single-footer-widget.single-footer-color .footer-list li a {
   
    text-decoration: none;
    line-height: 34px;
}

.footer-contact-list {
    padding: 0px;
}
.footer-list {
    padding: 0;
}
.single-footer-widget.single-footer-color.teslaproperties {
    padding-right: 65px;
}
.teslaproperties img {
    margin-bottom: 20px;
}
.footer-contact-list a {
    color: white !important;
    text-decoration: none !important;
}
ul.footer-contact-list img {
    margin-top: 20px;
}
.yourimg img {
    width: 100%;
}
.yourare .row {
    align-items: center;
}
.yourcontent h1 {
    /* font-size: 25px; */
    margin-bottom: 23px;
}

section.yourare {
    /*background: #d7e8f2 !important;*/
    padding-top: 50px;
    padding-bottom: 50px;
}


.amenicon h2 {
    font-size: 15px;
    text-align: center;
}
section.property-section.mt-5 {
    margin-bottom: 100px;
}
.headermain {
    background: black;
    padding-left: 50px;
    padding-right: 50px;
}
.phone img {
    width: 53%;
}
.search-icon
{
    position:relative;
}
.search-icon i {
    position: absolute;
    right: 16px;
    top: 11px;
}
.yourcontent {
    text-align: center;
}

.bggreen {
    background: green;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
}
.bggreen1 {
    background: green;
    border-top-right-radius: 50px;
}
.text-white.text-center.bggreenlight {
    background: #0080007a;
}
section.amentities {
    padding-top: 50px;
    padding-bottom: 50px;
}
.amenhead {
    text-align: center;
}
.amenhead h1 {
    text-transform: uppercase;
    padding-bottom: 50px;
   
    text-align: center;
}
h3.floor {
    text-align: center;
    color:black !important;
}
section.mt-5.floor-plan h3 {
    font-size: 40px;
}
.tableoffer h1 {
    text-align: center;
}
.col-md-8.text-white.bggreen.tableoffer p {
    text-align: center;
}
.bg-white.p-3.mt-4.apartmentnme h1 {
    text-align: center;
}
.bg-white.p-3.mt-4.apartmentnme h4 {
    text-align: center;
}
section.amentities {
    padding-top: 50px;
    background: #d7e8f2 !important;
}
.video-section
{
    padding-top:50px;
    padding-bottom:50px;
}
.amenicon img {
    margin: 0 auto;
    display: block;
    margin-bottom: 17px;
}
.amenicon {
    padding-bottom: 20px;
}
.videocon {
    padding-left: 116px;
}
.col-md-7.text-white.bggreen1.tableoffer p {
    text-align: center;
}
.amenicon {
    padding-bottom: 20px;
    background: white;
    padding: 26px;
    height: 30vh;
    margin-bottom: 20px;
    box-shadow: 5px 8px 2px #0000001f;
    border-radius: 20px;
}
.table-bordered>:not(caption)>* {
    font-size: 13px;
    border-width: 1px 0;
    background: white;
    color: black;
    padding: 28px;
}
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: green; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: black; 
}

.row {
   
    margin-right: 0;
    margin-left: 0;
}

.search-icon {
    display: flex;
}


.search-icon button {
    margin-top: 12px;
    margin-left: 4px;
    border-radius: 56px;
    padding: 14px 26px;
}
::-webkit-scrollbar {
    display: none;
}
.search-icon input::placeholder {
    color: #0d6efd !important;
}




@media only screen and (max-width:767px)
{
    .headermain {
        padding-left: 0;
        padding-bottom: 3px;
        padding-right: 0px;
    }
span.header-contacts-phone-text {
    display: none;
}
.single-footer-widget.single-footer-color.pl-3 {
    padding-top: 30px;
}
.footer-top.footer-bg2 {
    padding: 30px 0px;
}
section.mt-5.floor-plan .container {
  
    padding: 20px;
}
section.mt-5.floor-plan h3 {
    font-size: 24px;
}
.h1, h1 {
    font-size: 25px;
}
.amenicon {
  
  
     height: auto; 
  
}
.videocon {
    padding-left: 0;
    padding-bottom: 34px;
}
.phone {
    display: none;
}
a.navbar-brand {
    margin: auto;
    padding-bottom: 10px;
}

.videocon h1 {
  
    font-size: 25px;
    line-height: 54px;
}
.video-section .p-5.d-md-flex.justify-content-md-around.justify-content-center.gap-5.align-items-center.text-white {
    padding: 22px !important;
}
.bggreen {
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
}

.search-icon button {
    font-size: 10px;
}
    
    .form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select {
    height: calc(3.5rem + -5px);
    line-height: 1.25;
    font-size: 15px !important;
            padding: 19px !important;
}
.search-icon {
    padding-top: 20px;
}
    
}