html {overflow-x: hidden}
body {font-family: Poppins, sans-serif;overflow-x: hidden;box-sizing: border-box;padding-top: 50px;}
p {letter-spacing: .5px;line-height: 24px;font-size: 15px;opacity: .85;color: #666;}
body button:focus {outline: 0}
ul {padding: 0}
a {text-decoration: none;letter-spacing: .5px}
h1,h2,h3,h4,h5,h6 {margin: 0;font-weight: 600;letter-spacing: 0.5px;}
.mobile-section{display: none;}

.wrapper .container-fluid{padding: 0;background-color: #efeff0;}


.navbar a {
  color: #000 !important;
}

.navbar button {
  color: inherit !important;
}
.bg-dark {box-shadow: 0px 3px 5px 0px rgba(54,54,54,0.75);
-webkit-box-shadow: 0px 3px 5px 0px rgba(54,54,54,0.75);
-moz-box-shadow: 0px 3px 5px 0px rgba(54,54,54,0.75);
    background-color: #fff!important;
}
nav.navbar.navbar-expand-md.fixed-top {
    padding-top: 5px;padding-bottom: 5px;transition: all 0.3s;}
.compressed {padding-top: 10px!important;padding-bottom: 10px!important;padding: 15px;color: #6dcc7c;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);}

.wrapper .form-sec{margin-top: auto!important;margin-bottom: auto!important;padding: 0;height: 100%;}
.form-box{height: 100%;padding: 15px 25px;text-align: center;padding-left: 15px;}


.form-box img{width: 50%;}
.form-box p{color: #333;font-size: 16px;padding-top: 5px;font-weight: 600;}
.form-box h6{background-color: #550017;color: #fff;margin: 15px 0px;padding: 10px 0px;font-size: 20px;
text-transform: uppercase;font-weight: 600;}
.form-box h4{color: #b12526;line-height: 22px;font-size: 16px; text-transform: uppercase;}
.form-box .form-control{margin-top: 10px;}
.form-box .btn-framed{margin-top: 20px;padding: 10px 60px;background-color: #8d2726;border: none;
border-radius: 0;font-size: 18px;border-radius: 50px;}

.modal-content{padding: 25px 0px;}
.form-colm .btn-framed{margin: 0 auto;display: block;background-color: #550017;border: none;}

.modal-header{display: block;text-align: center;}
.modal-header h1{font-size: 26px;margin: 15px 0px;}
.modal-header h2{font-size: 20px;}
.modal-header h3{font-size: 18px;background-color: #550017;color: #fff;padding: 10px 0px;margin: 10px 0px;}
.banner-offer {
    position: absolute;
    bottom: 7%;
    left: 2%;
}


.banner-offer img {
    width: 65%;
}
.overview{padding: 80px 0px;}
.overview h4{padding-bottom: 5px;font-size: 36px;font-weight: 700;margin-top: 25px;}
.overview h6{color: #550017;font-size: 18px;text-transform: uppercase;margin: 10px 0px;}
.overview h6 span{border-bottom: 1px solid #550017;}

.pricelist {padding: 80px 0px;background-color: #eee;}
.pricelist h2{text-align: center;padding-bottom: 50px;font-size: 36px;font-weight: 700;}
.pricelist .box{background-color: #fff;text-align: center;padding: 40px 0px;border-radius: 5px;box-shadow: -1px 4px 9px 1px rgba(74,74,74,0.75);
-webkit-box-shadow: -1px 4px 9px 1px rgba(74,74,74,0.75);
-moz-box-shadow: -1px 4px 9px 1px rgba(74,74,74,0.75);margin-bottom: 28px;}
.pricelist .box p{display: grid;font-size: 16px;text-transform: uppercase;font-weight: 600;}
.pricelist .box p span{font-size: 18px;color: #372319;text-transform: capitalize;}
.pricelist .box h4{text-transform: uppercase;font-size: 20px;padding-bottom: 15px;}
.pricelist .box button{background-color: #550017;padding: 7px 25px;color: #fff;margin-top: 15px;border-radius: 50px;}

.highlights{padding: 80px 0px;position: relative;}
.highlights h4{padding-bottom: 15px;font-size: 36px;font-weight: 700;margin-top: 36px;color: #fff;}
.highlights h6{color: #eee;font-size: 24px;padding-bottom: 15px;}
.highlights ul{padding-left: 18px;}
.highlights ul li{font-size: 18px;color: #eee;line-height: 32px;}
.highlights button{background-color: #550017;padding: 10px 36px;color: #fff;
margin-top: 15px;border-radius: 50px;}
.highlights{background-image: url(../images/multi_page_booklet-75.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}

.hilt{position: relative;top: 0;width: 100%;z-index: 999;}
section.highlights::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;
background-color: rgba(0, 0, 0, 0.9);z-index: 1;}

.brand{text-align: center;padding: 50px 0px;}
.brand p{padding-bottom: 40px;padding-top: 10px;}

.video{padding-bottom: 60px;}
.video .container{padding: 5% 5%; padding-bottom: 0;}
.number {background-color: #550017;margin-left: 15px;padding: 7px 25px; border-radius: 5px;}
.video h2{text-align: center;padding-bottom: 40px;}

.floor-plan{padding: 60px 0px;text-align: center;}
.floor-plan h2{padding: 15px 0px;}

.location{padding: 80px 0px;background-color: #eee;}
.location h2{margin-bottom: 50px;font-size: 36px;font-weight: 700;margin-top: 36px;text-align: center;}
.location p{color: #000;line-height: 36px;}
.location ul li{color: #666;font-size: 16px;padding-bottom: 5px;line-height: 36px;padding-left: 16px;}

.gallery{padding: 40px 0px;background-color: #eee;}
.gallery h2{margin-bottom: 50px;font-size: 36px;font-weight: 700;margin-top: 36px;text-align: center;}
.gallery img {margin-bottom: 25px;border: 1px solid #eee;padding: 2px;}

.copy-sec{background-color: #000;padding: 15px 0px;color: #fff;text-align: center;}
.copy-sec h5{font-size: 16px;font-weight: normal;padding-bottom: 10px;}
.copy-sec p{color: #fff;margin-bottom: 0;font-size: 12px;}
.copy-sec a{color: #fff;font-size: 12px;}

.mobile-view{
    display: none;
}
.desktop-view-sk{
    display: block;
}

.moreless-button {
  font-weight: 600;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  margin: 2px 0;
  text-align: center!important
}
.footer p {
    color: #344058;
    font-size: 14px;
    text-align: center;
    letter-spacing: 1px;
    margin: 0;
    text-align: center!important;
}

.launching-heading {
    margin-bottom: 0 !important;
    animation: blinker 2s step-end infinite;
    color: #ff6f00;
    margin: 8px 0px;
}

@keyframes blinker {
    50% {
        opacity: 0
    }
}

.headingh5{
     margin: 8px 0px;
    /* font-family: 'Merriweather', serif; */
    background: #550017;
    color: #fecc00e0;
    padding: 5px;
    border: 2px solid#fecc00;

}

@media only screen and (max-width: 1480px){
  .form-box h4{color: #b12526;line-height: 22px;font-size: 14px;}
  .navbar-expand-md .navbar-nav .nav-link {padding: 10px 10px!important;}
  .form-box h6{font-size: 16px;}
  .headingh5 {
    margin: 8px 0px;
    /*font-family: 'Merriweather', serif;*/
    font-size: 14px;
}
}

@media only screen and (max-width: 1366px){
  .banner-offer img {
    width: 55%;
}
  .launching-heading {
    margin-bottom: 0 !important;
    animation: blinker 2s step-end infinite;
    color: #ff6f00;
    margin: 8px 0px;
    font-size: 18px;
}
  .navbar-expand-md .navbar-nav .nav-link {padding: 10px 10px;}
.form-box h6 {
    font-size: 14px;
}
}

.m-v{display: none;}
@media only screen and (max-width: 768px){

.mobile-view{
    display: block;
}
.desktop-view-sk{
    display: none;
}
  
  .d-v{display: none;}
  .m-v{display: block;}
  .overview img{display: none;}
  .pricelist .box{margin-bottom: 25px;}
  .location h2{font-size: 16px;}
  .location ul{margin-top: 15px;padding-left: 15px;}
  .slider {list-style: none;display: flex;justify-content: center;align-items: flex-start;flex-wrap: nowrap;
width: 100%;height: 50vh;margin: 0 auto;padding: 0;}
.slider li:hover {flex-grow: 6;}
.form-box h6 {font-size: 15px;}
.form-box {padding-left: 0;padding: 15px 35px;}
.overview{padding: 40px 0px;padding-top: 0px;}
.pricelist {padding: 40px 0px;background-color: #eee;}
.highlights{padding: 40px 0px;position: relative;}
.brand{padding-bottom: 20px;}
.location{padding: 40px 0px;background-color: #eee;}
.gallery{padding: 40px 0px;}
.overview h4 {text-align: center;font-size: 28px;}
.overview p{text-align: center;}
.overview h6{text-align: center;}
.highlights button{display: block;margin: 0 auto;}
.video h2{font-size: 16px;}
.gallery h2 {margin-bottom: 20px;}
.navbar-expand-md .navbar-nav .nav-link {padding: 5px 10px!important;}

}