@font-face {
    font-family: "sayukfont";
    src: url("../assests/fonts/bnkgothl-1.ttf");
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "sayukfont";
    font-weight: 600;
}


@import url('https://fonts.googleapis.com/css2?family=Barlow&display=swap');

body {
    font-family: 'Barlow', sans-serif;
}



/* SPECIFICATIONS SECTION */
.specs-section{
  padding: 70px 0;
  background: #fff;
}

.specs-title{
    font-size: 55px;
    line-height: 55px;
    font-weight: 600;
    letter-spacing: 0px;
  text-align: center;
  text-transform: uppercase;
  color: #937c4c;
  margin-bottom: 10px;
}

/* Accordion Wrapper */
.specs-accordion{
  --bs-accordion-bg: transparent;
  --bs-accordion-border-color: transparent;
}

/* Each card */
.specs-item{
  border: 0 !important;
  margin-bottom: 22px;
  background: #e9ecef;
  box-shadow: 0px 8px 20px rgba(0,0,0,0.06);
}

/* Button (Top Bar) */
.specs-btn{
  background: #e9ecef !important;
  padding: 26px 30px 26px 70px;
  font-size: 20px;
  font-weight: 500;
  color: #222 !important;
  border: none !important;
  box-shadow: none !important;
  position: relative;
  text-transform: capitalize;
}

/* REMOVE default bootstrap arrow */
.specs-btn::after{
  display: none !important;
}

/* PLUS ICON */
.specs-btn::before{
  content: "+";
  position: absolute;
  left: 28px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 28px;
  font-weight: 400;
  color: #666;
}

/* When opened -> change + to - */
.specs-btn:not(.collapsed)::before{
  content: "–";
  font-size: 30px;
}

/* Body content */
.specs-body{
  background: #e9ecef;
  padding: 0px 30px 25px 70px;
  font-size: 16px;
  color: #333;
  line-height: 1.8;
}

/* Remove border between header and body */
.specs-item .accordion-collapse{
  border-top: 0 !important;
}

/* Responsive */
@media(max-width: 991px){
  .specs-title{
    font-size: 40px;
  }

  .specs-btn{
    font-size: 18px;
    padding: 22px 22px 22px 60px;
  }

  .specs-body{
    padding: 0px 22px 22px 60px;
  }
}




.media-section {
  padding: 20px 0;
  background: #fff;
}

.media-title {
    font-size: 55px;
    line-height: 55px;
    font-weight: 600;
    letter-spacing: 0px;
  text-align: center;
  color: #23243a;
  margin-bottom: 60px;
}

.media-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  align-items: start;
}



.media-item img {
  width: 100%;
  height: auto;
  display: block;
}

.media-item:hover {
  transform: translateY(-6px);
}

/* Responsive */
@media (max-width: 991px) {
  .media-title {
    font-size: 46px;
  }

  .media-grid {
    grid-template-columns: 1fr;
    gap: 25px;
  }
}







/* MODEL FLATS SECTION */
.model-flats-section {
  padding: 0 0;
  background: #fff;
}

.model-flats-title {
  font-size: 55px;
  line-height: 55px;
  font-weight: 600;
  letter-spacing: 0px;
  text-align: center;
  color: #23243a;
  margin-bottom: 60px;
}

.model-flats-tabs {
  border-bottom: 2px solid #dee2e6;
  margin-bottom: 0;
  justify-content: center;
}

.model-flats-tabs .nav-link {
  color: #6c757d;
  border: none;
  border-bottom: 2px solid transparent;
  padding: 12px 24px;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.3s ease;
}

.model-flats-tabs .nav-link:hover {
  color: #23243a;
  border-bottom-color: #dee2e6;
}

.model-flats-tabs .nav-link.active {
  color: #23243a;
  background: none;
  border-bottom-color: #23243a;
}

.tab-content {
  margin-top: 30px;
}

/* Responsive */
@media (max-width: 991px) {
  .model-flats-title {
    font-size: 46px;
  }
  
  .model-flats-tabs .nav-link {
    padding: 10px 20px;
    font-size: 16px;
  }
}

.location-section{
  background: #2b2b44;
  padding: 90px 0;
}

.location-title{
  font-size: 55px;
  font-weight: 800;
  letter-spacing: 2px;
  color: #9a7b3a;
  text-transform: uppercase;
  margin-bottom: 35px;
}

.location-content p{
  font-size: 18px;
  line-height: 1.9;
  color: #ffffff;
  opacity: 0.95;
  margin-bottom: 25px;
  max-width: 560px;
}

.location-btns{
  margin-top: 40px;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.loc-btn{
  display: inline-block;
  background: #9a7b3a;
  color: #fff !important;
  padding: 14px 30px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  border: 2px solid #9a7b3a;
  transition: 0.3s ease;
  min-width: 210px;
  text-align: center;
}

.loc-btn:hover{
  background: transparent;
  color: #fff !important;
  border-color: #9a7b3a;
}

.location-map{
  width: 100%;
  height: 520px;
  overflow: hidden;
}

.location-map iframe{
  width: 100%;
  height: 100%;
  display: block;
}

/* Responsive */
@media(max-width: 991px){
  .location-title{
    font-size: 48px;
  }

  .location-section{
    padding: 60px 0;
  }

  .location-map{
    margin-top: 40px;
    height: 420px;
  }

  .loc-btn{
    width: 100%;
    min-width: auto;
  }
}






@import url('https://fonts.googleapis.com/css2?family=PT+Serif&display=swap');







body {



    font-family: 'PT Serif', serif;



}











/*



* ====================================



*  03. Header One



* ====================================



*/



.header-one {



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    z-index: 99;



    color: #ffffff;



}







.header-one .top-bar {



    font-size: 13px;



    padding: 5px 15px;



    border-bottom: 1px solid #ed1d24;



    -webkit-transition: 0.3s;



    -o-transition: 0.3s;



    transition: 0.3s;



    background: #ed1d24;



}







.header-one .top-bar a {



    color: #ffffff;



    font-size: 15px;



    font-weight: 500;



    font-family: "Barlow", sans-serif;



}







.top-bar ul {



    float: right;



}







.header-one .top-bar ul {



    list-style: none;



    margin: 0;



    padding: 0;



}







.header-one .top-bar ul li {



    display: inline-block;



    padding: 0 15px;



}

  .lazy-load {
      opacity: 0; /* Initially hide the image */
      transition: opacity 0.3s ease; /* Add a smooth transition */
    }
    .lazy-load.loaded {
      opacity: 1; /* Display the image when loaded */
	  opacity: 1;
    max-width: 100%;
 
    }





.header-one .top-bar-left ul li {



    padding-left: 0;



}







.header-one .top-bar-right {



    text-align: right;



}







.header-one .top-bar-right ul li {



    padding-right: 0;



    margin: 0px 5px;



}







.header-one .header-nav {



    padding: 15px;



    -webkit-transition: 0.3s;



    -o-transition: 0.3s;



    transition: 0.3s;



    background-image: url(../assets-avali/banner-strap.webp);



    background-repeat: round;



    padding-bottom: 5px;



    padding : 10px 0;



}







.header-one .header-logo {



   



    vertical-align: top;



}







.header-one .header-menu {



    float: left;






    font-weight: 400;



    /*margin-top: 15px;*/



}







.header-one .header-menu>ul {



    display: inline-block;



    list-style: none;



    margin: 0;



    padding: 0;



}







.header-one .header-menu>ul>li {



    display: inline-block;



    position: relative;



}







.header-one .header-menu>ul>li>a {



    color: #01022E;



    padding: 2px 7px;



    display: block;



    -webkit-transition: 0.3s;



    -o-transition: 0.3s;



    transition: 0.3s;



    border-radius: 4px;



    margin-top: 4px;



}







.header-one.sticky.active .header-nav {



    padding: 7px 15px;



    /*background: #5d2250;*/



    background-image: url('../assests/img/botton-background.webp');



    background-repeat: round;



}







.header-one.sticky.active .header-nav .header-menu>ul>li>a {



    color: #fff;



}







.header-one.sticky.active .header-menu>ul>li>a:hover {



    color: rgb(32 32 86) !important;



    background: #fff;



}







.header-one.sticky .header-menu>ul>li>a:hover {



    color: #fff !important;



    background: #2a283e;



}







.header-one.sticky .header-menu .inrpgeti .inrpgetli a {



    color: #01022E;



}







.header-one.sticky .header-menu .inrpgeti .inrpgetli a:hover {



    color: #01022E;



}







.header-one.sticky.active .header-menu .inrpgeti .inrpgetli a {



    color: #01022E;



}







.header-one.sticky.active .header-menu .inrpgeti .inrpgetli a:hover {



    color: #01022E;



}







.header-one .header-menu>ul>li>a#search-modal-btn {



    padding: 5px 5px;



}







.header-one .header-menu>ul>li>a#sliding-sidebar-btn {



    padding-right: 0;



    background: #efb358;



    padding: 5px 5px;



}







.header-one .header-menu>ul>li>a:hover {



    color: #577486;



    text-decoration: none;



}







.header-one .header-menu>ul>li>ul {



    list-style: none;



    margin: 0;



    padding: 0;



    position: absolute;



    top: 100%;



    left: 0;



    min-width: 150px;



    border-top: 5px solid #821f4e;



    background: #ffffff;



    z-index: 10;



    opacity: 0;



    visibility: hidden;



    -webkit-transform: translateY(20px);



    -ms-transform: translateY(20px);



    transform: translateY(20px);



    -webkit-transition: 0.3s;



    -o-transition: 0.3s;



    transition: 0.3s;



    -webkit-box-shadow: 0px 0px 5px 0px rgba(92, 87, 92, 0.75);



    box-shadow: 0px 0px 5px 0px rgba(92, 87, 92, 0.75);



}







.header-one .header-menu>ul>li:hover>ul {



    opacity: 1;



    visibility: visible;



    -webkit-transform: translateY(0);



    -ms-transform: translateY(0);



    transform: translateY(0);



}







.header-one .header-menu>ul>li>ul>li {



    position: relative;



}







.header-one .header-menu>ul>li>ul>li a {



    font-family: 'PT Serif', serif;



    font-size: 15px;



    padding: 8px 20px;



    display: block;



    color: #666666;



    white-space: nowrap;



    border-bottom: 1px solid #eeeeee;



    -webkit-transition: 0.3s;



    -o-transition: 0.3s;



    transition: 0.3s;



}







.header-one .header-menu>ul>li>ul>li:last-child a {



    border-bottom: none;



}







.header-one .header-menu>ul>li>ul>li a:hover {



    color: #821f4e;



    text-decoration: none;



    background: #f5f4f4;



}







.header-one .header-menu>ul>li>ul>li>ul {



    list-style: none;



    margin: 0;



    padding: 0;



    position: absolute;



    top: 0;



    left: 100%;



    margin-left: 5px;



    min-width: 150px;



    background: #ffffff;



    z-index: 10;



    opacity: 0;



    visibility: hidden;



    -webkit-transform: translateY(20px);



    -ms-transform: translateY(20px);



    transform: translateY(20px);



    -webkit-transition: 0.3s;



    -o-transition: 0.3s;



    transition: 0.3s;



    -webkit-box-shadow: 0px 0px 5px 0px rgba(92, 87, 92, 0.75);



    box-shadow: 0px 0px 5px 0px rgba(92, 87, 92, 0.75);



}







.header-one .header-menu>ul>li>ul>li:hover>ul {



    opacity: 1;



    visibility: visible;



    -webkit-transform: translateY(0);



    -ms-transform: translateY(0);



    transform: translateY(0);



}







.header-one .mobile-menu {



    display: none;



}







.header-one.sticky {



    position: fixed;



    -webkit-transition: 0.3s;



    -o-transition: 0.3s;



    transition: 0.3s;



}







.header-one.sticky.active {



    background: rgba(0, 0, 0, 0.7);



}







.header-one.sticky.active .top-bar {



    padding: 5px 15px;



}







.header-one.sticky.active .header-nav {



    padding: 7px 15px;



}







.inrpgeti {



    float: right;



    margin-bottom: 1rem;



    margin-top: 1rem;



    position: relative;



}







.inrpgeti li {



    display: inline;



    margin: 5px 20px;



}







li.stevst a {



    color: #fff;



    background: #01022E;



    padding: 6px 12px;



    border-radius: 2px;



    transition: all 0.3s ease-in-out;



}







.rlogo {



    margin: 0;



    padding: 0;



    float: left;



}







.rlogo li {



    display: inline;



    margin: 5px;



}







.db {



    border-bottom: 1px solid #ddd;



}







.menu-mob {



    display: none;



}







.header-one .header-menu>ul.menu-mob {



    display: none;



}







@media (min-width: 100px) and (max-width: 768px) {



    .header-logo img {



        height: 55px;



        object-fit: contain;



        position: relative;



        width: 60%;



    }







    .header-one .header-menu {



        width: 100%;



        overflow: scroll;



    }







    .db {



        border-bottom: none;



    }







    .inrpgeti {



        display: none;



    }







    .mob-plt.mlp {



        float: right;



        margin-right: 5px;



        margin-top: 5px;



        /* background: #fff; */



        width: 30%;



    }







    .header-one #main-menu {



        display: block;



        white-space: nowrap;



    }







    .header-one .header-menu>ul.menu-desk {



        display: none;



    }







    .rlogo {



        display: none;



    }







    .mob-none {



        display: none;



    }







    .desk-none {



        display: block;



    }



}





.project-highlights {
    background: #2b2b44;
    padding: 70px 0;
    color: #fff;
}

.project-highlights .badge-title {
    display: inline-block;
    background: #937c4c;
    padding: 14px 22px;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 25px;
}

.project-highlights .big-highlight {
    font-size: 40px;
    font-weight: 600;
    color: #937c4c;
    margin-bottom: 25px;
}

.project-highlights .small-highlight {
    margin-top: 60px;
    font-size: 22px;
    color: #937c4c;
    line-height: 1.4;
}

.project-highlights .center-highlights {
    padding-top: 70px;
}

.project-highlights .center-highlights .desc {
    font-size: 16px;
    line-height: 1.9;
    color: #fff;
    opacity: 0.9;
}

.project-highlights .center-highlights .sizes {
    margin-top: 70px;
}

.project-highlights .center-highlights .sizes p {
    color: #937c4c;
    font-size: 18px;
    margin-bottom: 20px;
}

.project-highlights .right-highlights {
    padding-top: 20px;
}

.project-highlights .highlights-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.project-highlights .highlights-list li {
    padding: 7px 0;
    font-size: 18px;
    color: #fff;
}

.project-highlights .highlights-list li span {
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 2px solid #937c4c;
}

@media(max-width:991px) {
    .project-highlights .center-highlights {
        padding-top: 30px;
    }

    .project-highlights .big-highlight {
        font-size: 32px;
    }

    .project-highlights .badge-title {
        font-size: 18px;
    }
}


.walkthrough-section {
    padding: 0;
}

.walkthrough-wrap {
    display: flex;
    width: 100%;
    min-height: 600px;
}

/* LEFT */
.walk-left {
    width: 35%;
    background: #e9e9ea;
    padding: 70px 50px;
}

.walk-title {
    font-size: 55px;
    font-weight: 800;
    letter-spacing: 2px;
    color: #2a283e;
    margin-bottom: 60px;
}

/* Amenities Grid */
.amenities-grid {
    display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 40px 20px;
        /* margin-top: 40px; */
}

.amenity-item {
    text-align: center;
}

.amenity-item img {
    width: 100%;
    object-fit: cover;
}

.amenity-item p {
    font-size: 14px;
    margin: 0;
    color: #2a283e;
    opacity: 0.85;
}

/* RIGHT */
.walk-right {
    width: 65%;
    background: #937c4c;
    padding: 70px 50px;
}

.walk-title.dark {
    color: #2a283e;
    text-align: center;
    margin-bottom: 40px;
}

.video-box {
    width: 100%;
    height: 420px;
    background: #000;
    overflow: hidden;
}

.video-box iframe {
    width: 100%;
    height: 100%;
    display: block;
}


#hero-section-one .hero-slider-item.bg-one.lp {



    background-image: url(../assets-avali/hero-img.webp);



    background-repeat: no-repeat;

    background-size: cover;
 


}



.clubhouse-section {
    background: #2b2b44;
    padding: 90px 0;
}

.clubhouse-title {
    font-size: 55px;
    font-weight: 800;
    letter-spacing: 2px;
    color: #937c4c;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.clubhouse-subtitle {
    font-size: 18px;
    font-weight: 600;
    color: #937c4c;
    margin-bottom: 30px;
}

.clubhouse-desc {
    font-size: 18px;
    line-height: 1.9;
    color: #ffffff;
    opacity: 0.95;
    max-width: 560px;
}

.clubhouse-img {
    width: 100%;
    max-width: 650px;
    height: auto;
    display: block;
    margin-left: auto;
    border-radius: 0;
}

/* Responsive */
@media(max-width: 991px) {
    .clubhouse-title {
        font-size: 48px;
    }

    .clubhouse-section {
        padding: 60px 0;
    }

    .clubhouse-desc {
        max-width: 100%;
    }

    .clubhouse-right {
        margin-top: 40px;
    }
}



#hero-section-one .hero-slider-item.bg-one {



    background-image: url(../assets-avali/hero-img.webp);



    background-repeat: no-repeat;



    background-size: cover;



}







#hero-section-one .hero-slider-item {



   



    width: 100%;


height: 600px !important;


    background-repeat: no-repeat;



    background-size: cover;



    background-position: center;



    position: relative;



    z-index: 10;



    overflow: hidden;



    padding: 100px 0;



}







a,



a:visited {



    color: #fff;



}







.welcome-sec {



    background-image: url(./img/botton-background.webp);



    background-repeat: round;



    padding: 24px 0;



}







.welcome {



    color: #fff;



    text-align: center;



    padding: 20px 0px;



}







.welcome h2 {



    color: #fff;



    font-size: 35px;



    font-weight: 600;



    font-family: 'PT Serif', serif;



}







#about-section {



    padding: 25px 0;



}







.round-sec {



    padding: 25px 0px;



    background-image: url(../assets-avali/line-bg.webp);



}







.part {



    text-transform: uppercase;



    font-size: 25px;



    line-height: 45px;



    color: #1A1A18;



    margin-bottom: 30px;



    text-align: center;



}







.part span {



    font-size: 40px;



}







.single-feature.hmep.mb-2 {



    margin-bottom: 2rem !important;



}







.hmep {



    text-align: center;



}







.hmep p {



    margin-bottom: 0 !important;



}







.prem-sec {



    padding: 15px 0px;



    background-image: url(../assests/img/background-white-2.webp);



}







.abn-brd {



    border-top: 2px solid #577486;



    border-bottom: 2px solid #577486;



    padding: 25px 0px;



    margin-top: 20px;



    margin-bottom: 20px;



}







.prem {



    /* color: #577486; */



    color: #1A1A18;



    text-align: center;



    font-size: 32px;



    font-family: 'PT Serif', serif;



}







.ameni-icon {



    text-align: center;



    margin-top: 30px;



}







.center {



    display: block;



    margin-left: auto;



    margin-right: auto;



}











.ameni-icon .icon {



    border: 2px solid #577486 !important;



    border-radius: 50%;



    width: 100px;



    height: 100px;



    line-height: 90px;



}







.ameni-icon .icon img {



    margin: 20px;



}







.tct p {



    font-size: 20px; 



    font-weight: 600;



}







.hovereffect {



    width: 100%;



    height: 100%;



    float: left;



    position: relative;



    text-align: center;



    cursor: default;



}







.doso .hovereffect {



    background-image: url(../assests/img/climpek.webp);



}







.hovereffect img {



    display: block;



    position: relative;



    -webkit-transition: all .35s;



    transition: all .35s;



    width: 100%;



}







/*.hovereffect:hover .overlay {



    opacity: 0;



    -webkit-transform: scale(1);



    -ms-transform: scale(1);



    transform: scale(1);



}*/







@media (min-width: 1400px) and (max-width: 1800px) {



    .cos {



        height: 569px;



        object-fit: cover;



    }



}







.hovereffect .overlay {



    position: absolute;



    overflow: hidden;



    width: 80%;



    height: auto;



    left: 10%;



    top: 5%;



    border-bottom: 1px solid #fff;



    border-top: 1px solid #fff;



    -webkit-transition: opacity .35s, -webkit-transform .35s;



    transition: opacity .35s, transform .35s;



    -webkit-transform: scale(0, 1);



    -ms-transform: scale(0, 1);



    transform: scale(0, 1);



}







.overlay h3 {



    text-align: center;



    color: #fff;



    margin: 20px;



    display: block;



    font-family: 'PT Serif', serif;



    font-size: 25px;



    font-weight: 500;



    line-height: 40px;



}







.cf {



    padding: 0;



}







.doso-div {



    /*background-image: url(../assests/img/club-house-left-and-right-bg.webp);*/



    background-color: #577486;



    background-repeat: repeat;



    background-size: cover;



}







.dos-txt {



    padding: 50px 40px;



    color: #fff;



    position: relative;



}







.dos-txt::before {



    position: absolute;



    content: " ";



    top: 35px;



    left: 20px;



    z-index: 9;



    height: 65px;



    border-left: 2px solid #577486;



    border-top: 2px solid #577486;



    width: 45%;



}







.dos-txt::after {



    position: absolute;



    content: "";



    bottom: 10px;



    right: 10px;



    z-index: 9;



    height: 45px;



    border-right: 2px solid #577486;



    border-bottom: 2px solid #577486;



    width: 45%;



}







.cod {



    color: #577486;



    font-weight: 500;



    line-height: 30px;



}







.clod p {



    margin-bottom: 5px;



}







.dos-txt p {



    font-size: 16px;



    line-height: 30px;



}







.button-primary {



   /* font-family: 'PT Serif', serif;



    font-weight: 500;*/



    background: #2a283e;



    /* background: linear-gradient(to right, #b87f3d 50%, #577486 50%); 



    background: linear-gradient(to right, #502448 50%, #1A1A18 50%);*/



    background-size: 200% 100%;



    background-position: right bottom;



    color: #fff !important;



    padding: 10px 35px;



    text-transform: uppercase;



    -webkit-transition: 0.3s;



    -o-transition: 0.3s;



    border-radius: 0;



}







.btn:first-child:hover {



    background: #2a283e;



    color: #ffffff !important;



}







.button-primary-blck {



    /*font-family: 'PT Serif', serif;



    font-weight: 500;*/



    font-size: 16px;



    background: #1A1A18;



    /* background: linear-gradient(to right, #b87f3d 50%, #577486 50%); */



   /* background: linear-gradient(to right, #502448 50%, #1A1A18 50%); */



    background-size: 200% 100%;



    background-position: right bottom;



    color: #fff;



    padding: 10px 35px;



    text-transform: uppercase;



    -webkit-transition: 0.3s;



    -o-transition: 0.3s;



    border-radius: 0;



}







.button-primary-blck:hover {



    background: #1A1A18 !important;



    background-size: 200% 100%;



    background-position: right bottom;



    color: #ffffff;



}







.button-primary-blck1 {



    font-size: 16px;



    background: #577486;



    /* background: linear-gradient(to right, #b87f3d 50%, #577486 50%); */



   /* background: linear-gradient(to right, #502448 50%, #1A1A18 50%); */



    background-size: 200% 100%;



    background-position: right bottom;



    color: #1A1A18;



    padding: 10px 35px;



    text-transform: uppercase;



    -webkit-transition: 0.3s;



    -o-transition: 0.3s;



    border-radius: 0;



}







.knmore-club {



    text-align: right;



    margin-top: 20px;



}







.knmore {



    text-align: center;



    margin-top: 20px;



}







.master-sec {



    background-image: url(../assests/img/background-white-1.webp);



}







.brd {



    border-bottom: 2px solid #577486;



}







.ftp-end {



    font-family: 'PT Serif', serif;



    font-size: 30px;



    color: #1A1A18;



    text-align: center;



    margin-bottom: 10px;



}







.f24 {



    font-size: 24px;



}







.demo-gallery>ul {



    margin-bottom: 0;



    padding-left: 15px;



}







.demo-gallery>ul>li {



    margin-bottom: 15px;



    width: 100%;



    display: inline-block;



    margin-right: 15px;



    list-style: outside none none;



}







.demo-gallery>ul>li a {



    /* border: 3px solid #FFF; */



    border-radius: 3px;



    display: block;



    overflow: hidden;



    position: relative;



    float: left;



}







.fplan {



    margin-bottom: 50px;



}







.overlay h3 {



    text-align: center;



    color: #fff;



    margin: 20px;



    display: block;



    font-family: 'PT Serif', serif;



    font-size: 25px;



    font-weight: 500;



    line-height: 40px;



}







.ctr img {



    width: 100%;



    cursor: pointer;



}







.demo-gallery>ul>li a>img {



    -webkit-transition: -webkit-transform 0.15s ease 0s;



    -moz-transition: -moz-transform 0.15s ease 0s;



    -o-transition: -o-transform 0.15s ease 0s;



    transition: transform 0.15s ease 0s;



    -webkit-transform: scale3d(1, 1, 1);



    transform: scale3d(1, 1, 1);



    height: auto;



    width: 100%;



}







.pd25 {



    padding-bottom: 25px;



    padding-top: 25px;



}







.homee {



    background-image: url(../assests/img/background-white-1.webp);



    background-position: center;



}







.rp-div-p {



    border-top: 2px solid #577486;



    border-bottom: 2px solid #577486;



    padding: 20px 0px;



}







.calcd {



    background-image: url(../assests/img/background-white-2.webp);



    padding-top: 25px;



    background-position: center;



}











.bdbot {



    border-bottom: 2px solid #577486;



    /*border-top: 2px solid #577486;*/



    padding-bottom: 25px;



    margin-top: 15px;



}







.cald {



    font-family: 'PT Serif', serif;



    font-size: 30px;



    color: #1A1A18;



    margin-bottom: 10px;



}







.project {



    background-image: url(../assests/img/background-white-2.webp);



    background-position: center;



    margin-top: 20px;



    padding: 25px 0;



}







/*layout*/







.sayuk-layout {



    background-image: url(../assests/img/15-TOWER-FACADE-VIEW-1.webp);



    padding: 60px 0;



    background-position: center;



    background-size: contain;



    background-attachment: fixed;



}







.layout-pc img{



  width: 80%



}







.layout-text-pc img{



    width: 90%;



}







@media only screen and (max-width: 600px) {



    .layout-text-pc img {



        width: 50% !important;



    }



}







/*floor plans*/







.carousel-wrap {



    margin: 90px auto;



    padding: 0 5%;



    position: relative;



  }



  



  /* fix blank or flashing items on carousel */



  .owl-carousel .item {



    position: relative;



    z-index: 100; 



    -webkit-backface-visibility: hidden; 



  }



  



  /* end fix */



  .owl-nav > div {



    margin-top: -26px;



    position: absolute;



    top: 50%;



    color: #cdcbcd;



  }



  



  .owl-nav i {



    font-size: 52px;



  }



  



  .owl-nav .owl-prev {



    left: -30px;



  }



  



  .owl-nav .owl-next {



    right: -30px;



  }











/*test gallery*/







/*.imgani img {



    visibiliy: hidden;



    transition: all 1s ease;



    transform: translateY(160px);



    margin-top: 20px;



  }*/







.gallery-text {



   padding: 10px 10px;



   margin-bottom: 15px;



   border: 1px solid #D7D7D7;

   background: #FAFAFA;





   border-radius: 3px;



}







.text-gallery {



    font-family: 'PT Serif', serif;



    font-weight: 500;



    padding-bottom: 5px;



    text-align: center;



    position: relative;



    font-size: 20px;



    color: rgb(51, 51, 51);



    line-height: 17px;



}







.imgani img.anime {



    visibiliy: visible;



    transform: translateY(0);



}







a.img,



.separator a {



    margin-left: 0 !important;



    margin-right: 0 !important;



}







a {



   color: #555;



    outline: none;



    text-decoration: none;



}







a:hover,



a:focus,



a:visited:hover {



    color: #577486;



    text-decoration: none;



}







#arlina {



    position: relative;



    margin: 0 auto;



    width: 100%;







    overflow: hidden;



    z-index: 3;



}











#animated-thumbnail {



    position: relative;



   /* background: #fff; */



}







.bagidua {



    -webkit-column-count: 2;



    -moz-column-count: 2;



    column-count: 3;



}







@media only screen and (max-width: 600px) {







    .bagidua {



        -webkit-column-count: 1;



        -moz-column-count: 1;



        column-count: 1;



    }







}











.bagidua img,



.bagitiga img,



.bagiempat img {



    -webkit-backface-visibility: hidden;



    margin-bottom: 20px;



    max-width: 100%;



}







#box,



#box2,



#box3 {



    position: relative;



    height: 170px;



    display: block;



    background: #ecf0f1;



    margin: 0 0 20px 0;



}







#box:last-child {



    margin: 0;



}







#box:before,



#box2:before,



#box3:before {



    position: absolute;



    content: "";



    display: inline-block;



    left: 0;



    top: 0;



    right: 0;



    bottom: 0;



    height: 170px;



    width: 250px;



    margin: 0;



    background: #fff url("https://4.bp.blogspot.com/-85zQwMdLm24/VmGwA9aFRgI/AAAAAAAAAVM/AHpkZL9MdTQ/s1600/Nubie%2BBanget%2BBlogger%2BTemplate.webp") center;



    background-size: cover;



}







#box2:before {



    background: #fff url("https://2.bp.blogspot.com/-V5Pi6tg3kk4/VmFRvAbi6rI/AAAAAAAAATc/9gm3XBewj0k/s1600/Sweet%2BYummy%2BChocolate%2BCake.webp") center;



    background-size: cover;



}







#box3:before {



    background: #fff url("https://2.bp.blogspot.com/-xA82xCIl_8M/VmFRX7fxEaI/AAAAAAAAATU/BXBvzBFgiK0/s1600/Top%2BDestinations%2BTo%2BTravel%2BNext%2BSummer.webp") center;



    background-size: cover;



}







#box:after,



#box2:after,



#box3:after {



    position: absolute;



    content: "\f030";



    font-family: FontAwesome;



    display: inline-block;



    left: 0;



    right: 0;



    top: 0;



    bottom: 0;



    text-align: center;



    height: 170px;



    line-height: 170px;



    width: 250px;



    margin: 0;



    color: rgba(255, 255, 255, 0.5);



    background: rgba(0, 0, 0, 0.4);



    font-size: 50px;



    opacity: 0;



    visibility: hidden;



    transition: all 0.6s;



    z-index: 2;



    cursor: pointer;



}







#box:hover:after,



#box2:hover:after,



#box3:hover:after {



    opacity: 1;



    visibility: visible;



}







.rp-sec {



    padding: 25px 0px;



    



    background-image: url(../assets-avali/line-bg.webp);



    background-position: center;



}







.specs {



    background-image: url(../assests/img/15-TOWER-FACADE-VIEW-1.webp);



    padding: 60px 0px;



    background-position: center center;



    background-size: contain;



    background-attachment: fixed;



}







.accordion-item {



    margin: 20px !important;







}







.accordion-button:not(.collapsed) {



    background-color: #C1BFBD;



    color: #1A1A18;



    box-shadow: none;



}







.accordion-button {







    padding-left: 50px;



    font-size: 1rem;



    font-weight: 600;



}







.accordion-button:focus {



    box-shadow: none;



    border: none;



}







.sayuk-footer {



    background-image: url(../assests/img/banner-strap.webp);



    background-size: cover;



    background-repeat: round;



    padding: 60px 0;



}







.fform {



    background-color: #9a7b3a;



    padding: 30px;



}







/*slick*/







/* Defines the width of the carousel and centers it on the page */



.slick-carousel {



    margin: 0 auto;



   /* width: 1200px !important;*/



  }



  



  /* The width of each slide */



  .slick-slide {



  /*  width: 400px !important; */



    height: auto !important;



  }



  



  /* Color of the arrows */



  .slick-next::before, .slick-prev::before {



    color: #1c1b50 !important;



  }







  .slick-prev {



    left: 5px !important;
    z-index: 9999;

}







.slick-next {



    right: 5px !important;



}











/*pricing table*/







#pricingtable {



    width: 100%;



    padding-bottom: 50px;



}







#pricingtable th {



    padding: 10px 50px;



    color: #1A1A18;



    background: #577486;



    text-align: center;



    font-weight: 400;



}







#pricingtable td, #pricingtable th {



    border: 1px solid #bbb;



    padding: 15px 5px;



    text-align: center;



}











#pricingtable tr:nth-child(even) {



    background-color: #f2f2f2;



}







.price-sec {



    background-image: url(../img/brochures/climpek.webp);



    padding: 30px 0;



}







.unlock {



    color: #1A1A18;



    background: #577486;



    padding: 10px;



    border-radius: 2px;



    transition: all 0.3s ease-in-out;



}







.unlock:hover {



    background: #1A1A18;



    color: #fff;



    cursor: pointer;



}







/*Project Status*/







.project-status {



    margin: 30px 0;



}







.project-status h2 {



    text-align: center;



    padding-bottom: 10px;



}







.project-status p {



    text-align: center;



    padding: 10px 0;



}







/*test*/



figure.effect-layla h2 {



    padding-top: 1%;



    -webkit-transition: -webkit-transform 0.35s;



    transition: transform 0.35s;



    color: #fff;



    font-weight: bold;



    background: #0000009e;



}



.lm {



    margin-top: 4.4% !important;



}



.fps figure.effect-lily {



    background: #000000;



}



figure.effect-lily img {



    max-height: 200px;



    min-height: 200px;



}



figcaption h2 {



    font-size: 14px;



    word-spacing: 5px !important;



    background: rgba(0, 0, 0, 0.6);



    padding: 3px;



    width: 100%;



    padding-top: 10px;



    padding-bottom: 10px;



}



.grid figure figcaption > a {



    z-index: 1000;



    text-indent: 200%;



    white-space: nowrap;



    font-size: 0;



    opacity: 0;



}











.floating-btn {



    position: fixed;



    top: 50%;



    right: -12.5%;



    z-index: 99;



    transform: rotate(270deg);



}







/*@media (min-width: 100px) and (max-width: 768px) {



.desk-none {



    display: block;



}



}*/







.button-primary-float {



   /* font-family: 'PT Serif', serif;



    font-weight: 500; */



    font-size: 16px;



    background: #577486;



    /* background: linear-gradient(to right, #b87f3d 50%, #577486 50%); 



    background: linear-gradient(to right, #502448 50%, #1A1A18 50%);*/



    background-size: 200% 100%;



    background-position: right bottom;



    color: #fff;



    padding: 5px 24px;



    text-transform: uppercase;



    -webkit-transition: 0.3s;



    -o-transition: 0.3s;



    border-radius: 0;



}







.button-primary-float:hover {



    background: #577486 !important;



    color: #1A1A18 !important;



}







@media (min-width: 100px) and (max-width: 768px) {



    .floating-btn {



        right: -30% !important;



    }



    .button-primary-float {



        font-size: 12px;



        padding: 5px 15px;



    }



    }



#main-menu ul li a {
    font-size: 20px !important;
}



@media (min-width: 100px) and (max-width: 768px){



.float-bottom {
    position: fixed;
    bottom: 0px;
    z-index: 99;
    width: 100%;
   padding: 5px 0px;
    /*background-image: url(../assests/img/botton-background.webp);
    background-repeat: no-repeat;*/
background-color: #9a7b3a; 
  text-align: center;
  color: #fff !important;



}



}







.float-btm-text {



    /*font-family: 'PT Serif', serif;*/



    font-weight: 500;



    padding: 10px 25px;



    text-align: center;



    background: none;



    border: none;



    color: #1A1A18;



}



.float-btm-text2 {



   /* font-family: 'PT Serif', serif; */



    font-weight: 500;



    padding: 10px 25px;



    text-align: center;



    background: none;



    border: none;



  color: #ffffff;



}







.float-btm-text2 a {



    color: #1A1A18;



}







.footer-new {



    padding: 50px 10px;



    background-image: url(../assests/img/banner-strap.webp);



    background-size: cover;



    background-repeat: round;



}







.footer-new h5 {



    font-size: 20px;



}







.footer-new, .footer-logo {



    padding: 30px 10px;



}







.list-inline {



    padding-left: 0;



    margin-left: -5px;



    list-style: none;



}







.list-inline>li {



    display: inline-block;



    padding-right: 5px;



    padding-left: 5px;



}







.footer-logo a{



    color: #000000;



    outline: none;



    text-decoration: none;



}







.fm {



    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);



    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);



    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);



    border-radius: 20px;



    padding: 10px;



}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}
.footer-logo, a {
    color: #1A1A18 !important;
    outline: none;
    text-decoration: none;
}
.owl-carousel .item {
    position: relative;
    z-index: 100;
    -webkit-backface-visibility: hidden;
}
.owl-next{
	float:right
}