@charset "utf-8";
 * {
     outline: none;
     margin: 0px;
     padding: 0px;
     border: none;
     text-decoration: none;
      font-family: 'Montserrat';
     box-sizing:border-box;
}
 body {
     text-decoration: none;
     background:#fff;
       font-family: 'Montserrat';
     font-size:16px;
     color:#000;   scroll-behavior: smooth;
}
html {
  scroll-behavior: smooth;
}
a {
    text-decoration: none;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.p0{
    padding:0!important
}
.p3{
    padding:3px!important
}
.p4{
    padding:4px;
}
.m0{
    margin:0!important
}
.fl{
    float:left
}
.fr{
    float:right
}
b{
    padding:10px 0
}
li{
    list-style:none;
    text-decoration:none
}
p{
    font-style: normal;
    font-display: swap;
    height: auto;
    font-size: 1em;
    color:#030303;
    line-height: 1.7;
    font-family: 'InterTight';
    font-weight: 300;
}
li{
    font-size:16px;
     font-weight: normal;
}

 .c1 {
     background-color:#fff !important;
     color:#333 !important;
}
 .fa-rotate-90 {
     -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
     transform: rotate(90deg);
}
@font-face {
    font-family: 'Apercu';
    src: url('../fonts/Apercu-Regular.eot');
    src: url('../fonts/Apercu-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Apercu-Regular.woff2') format('woff2'),
        url('../fonts/Apercu-Regular.woff') format('woff'),
        url('../fonts/Apercu-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Apercu';
    src: url('../fonts/Apercu-Light.eot');
    src: url('../fonts/Apercu-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Apercu-Light.woff2') format('woff2'),
        url('../fonts/Apercu-Light.woff') format('woff'),
        url('../fonts/Apercu-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Apercu';
    src: url('../fonts/Apercu-Medium.eot');
    src: url('../fonts/Apercu-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Apercu-Medium.woff2') format('woff2'),
        url('../fonts/Apercu-Medium.woff') format('woff'),
        url('../fonts/Apercu-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'InterTight';
    src: url('../fonts/InterTight-Light.eot');
    src: url('../fonts/InterTight-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/InterTight-Light.woff2') format('woff2'),
        url('../fonts/InterTight-Light.woff') format('woff'),
        url('../fonts/InterTight-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'InterTight';
    src: url('../fonts/InterTight-Italic.eot');
    src: url('../fonts/InterTight-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/InterTight-Italic.woff2') format('woff2'),
        url('../fonts/InterTight-Italic.woff') format('woff'),
        url('../fonts/InterTight-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

a{    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
  }

video {
    width: 100%;
  }
 
.mob-icon {
    display: none;
}

.header-phone{
    color: #1f1f1f;  
    font-size: 1.31em; line-height: 20px;
    font-family: 'Apercu';
    font-weight: normal;
    font-style: normal; 
    font-display: swap;
    text-transform: uppercase;
   display: flex;   
    align-items: center; 
}
.wh-img{ margin-right: 10px; }

.center{
  display: flex;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  position: relative;
}

.resp-show{
  display: none !important;
}


#button {
  display: inline-block;
  background-color: #c79f35;
  line-height: 50px;
  width: 50px;color: #fff;
  height: 50px;
  text-align: center;
  border-radius: 100%;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 9;
}
#button i{color: #fff}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}
/*popup*/

#popUp {
    position: fixed;
    width: 400px;
    height: auto;
    background: #680000;
    bottom: 8%;
    margin-left: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    z-index:99;
    padding:2% 2% 2%;
    right:0; opacity: 0
  }

  #popUp .close {
    position: absolute;
    top: -40px;opacity: 1;
    left: -4%;
    color: #666;
    font-family: inherit;
    font-weight: normal;
    font-size: 1.5em;
    cursor: pointer;
    background-color: #f7f7f7;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
  }
  a.button {
    margin: 0 auto;
    text-align: center;
    right: 0;
    left: 0;
    position: absolute;
    width: 120px;
    font-size: 15px;
    color: #fff;
    border-bottom: 2px solid #18729f;
    background: #1c8dc4;
    border-radius: 4px;
    padding: 8px 0;
  }
  #plus {
    position: fixed;
    color: #fff;
    bottom: 56%;
    font-size: 1em;
    margin-right: -425px;
    -webkit-transition: all 1.25s ease;
    -moz-transition: all 1.25s ease;
    -o-transition: all 1.25s ease;
    transition: all 1.25s ease;
    cursor: pointer;
    text-align: left;
    letter-spacing: 1px;
    z-index: 999;
    width: 100%;
    right:0;
  }
.side-btn {
    position: absolute;
    background: #680000;
    font-size: 1em;
    display: inline-block;
    padding: 11px 35px;
        -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: all 1.25s ease;
        right:-73px;
    border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px;
}
.side-btn span{
  color: #be9026;
    text-transform: uppercase;
    font-family: 'Apercu';
    font-weight: 300;
    font-size: 1.10em;  
    line-height: 27px;
}
  #plus::after {
    display: block;
    display: relative;
  }
  .mob-txt{ display: block; text-transform: capitalize; font-style:normal;
   font-family: 'Apercu';
    font-weight: 300;}


.side-form input[type="text"],
.side-form textarea
{
    background: #fff;
    color: #3f3f3f;
    width: 100%;    font-family: 'Apercu';
    font-weight: normal;
    padding: 15px 20px;
    font-size: 1em;
}

.side-form-title {
    font-size: 1.333em;
        color: #fff;
    text-transform: uppercase;
    line-height: 30px;
     font-family: 'Apercu';
    font-weight: normal;
    text-align: center;margin-bottom: 20px;
}
.home-img-landsc {
    display: none !important;
}

 .clear {
     clear: both 
}
 audio, ::selection{
     background: #daa289!important;
     color: #fff !important;   
}
span::selection {   -webkit-background-clip: unset!important;
    -webkit-text-fill-color: #fff !important; background: #daa289 !important; }
::-moz-selection {
   color: #fff !important;
}

 .grecaptcha-badge{
     display:none !important;
}
 .img-full{
     width: 100%;
     height:auto;
     display: block 
}
 .img-responsive {
     max-width: 100%;
     height:auto;
}

 .logo1{
     display:none 
}
 .banner-wraper{
     width:100%;
     position:relative;
     z-index:9; 
}
.sexy-menu{position: relative; z-index: 99; width: 100%; padding: 40px 0; }
 
.d-container2{
    width: 100%;
  padding-left: 7%;
  padding-right: 7%;
}
.sexy-menu.detached .navigation{
  top: 0
}

 .footer-container{
     width:100%;
     height:auto;
     padding-top:2em;
     padding-bottom:2em;
}
.footer-top-for{ display: flex; align-items: center;}
.footer-top-for img{ max-width: 35px; margin-left: 10px;}
 .top-wraper{
     width:100%;
     height: auto;
}
 .top-container{
     width:100%;
     padding-left: 3%;
     padding-right: 4%;
}
.header-social-links {
    float: left;
}
 .tophead{
     width:100%;
     position:relative;
         padding: 0em;
    background: #6a446e;
        display: flex;
    justify-content: space-between;
}

.img-design{
position: absolute;bottom: 0;
    right: 0;
}


/**/
.icon-container {
    padding: 100px 0;
}
.form-group {
    margin-bottom: 12px;
}

/**/
a.view-det {
        background: #146472;
    color: #fff;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 0.875em;
    display: inline-block;
    padding: 10px 15px; letter-spacing: 2px;
}
.btn-flex {
    display: flex;
}
a.view-det:hover{
    background: #299d77 ;
    color: #fff;
}
.p1{
  padding: 1px !important
}


.c-white{color: #fff !important}
/* Style the tab content */

/**/
.banner-top{ position: relative; overflow: hidden; }
.proj-img-l{position: relative;}
.b-logo{
  position: absolute; right: 3%; top: 3%; padding: 0 10px;
  /*background-color: #711010;*/ /*border-radius: 10px;*/
  display: flex;
    align-items: center;
}
.rera-img {
    width: 100px;
}
.b-logo2{
  position: absolute; left: 3%; top: 3%; padding: 0 10px;
/*  background-color: #711010;*/ border-radius: 10px;
}
.bnr-txt{
      font-family: 'Apercu';
    font-weight: normal;
    font-size: 1.2em;
    line-height: 40px;
    color: #fff; display: block;
    text-transform: uppercase;
}

/*section.contact-container*/
.mt-0{margin-top: 0px !important}
/**/

 .menu-container{
     width: auto;
     height: auto;
     float:right;
     margin-top:1em 
}
 .logo{
     width:auto;
     height:auto;
     float:left;
}

  a.button {
    margin: 0 auto;
    text-align: center;
    right: 0;
    left: 0;
    position: absolute;
    width: 120px;
    font-size: 15px;
    color: #fff;
    border-bottom: 2px solid #18729f;
    background: #1c8dc4;
    border-radius: 4px;
    padding: 8px 0;
  }

.submit-btn1{
    border: none;
     cursor: pointer;
       color: #fff;
    cursor: pointer;
    background: #c79f35;
    padding: 10px 20px;
    font-family: 'Apercu';
    font-weight: 300;
    font-size: 1em;
    text-transform: uppercase;
}
.submit-btn1:hover{
    background:#000 ; color: #fff;
}

.mt-1
{
    margin-top: 1em !important;
}
.mt-2
{
    margin-top: 2em !important;
}
.mt-5
{
    margin-top: 5em;
}
.mb-2
{
    margin-bottom: 2em;
}
.mb-5
{
    margin-bottom: 5em;
}

 .top-quickwraper{
     width:100%;
     height:auto;
    
}

.nav-brand img{
    width: 100%; 
    margin-top: 13px;
}
 .desk-view{
     display:block;
}
 .mob-view{
     display:none !important
}

/* Dropdown styles */


.footer-bottom-container {
    position: relative;
     background-color:  #680000;
}

 .footer-wraper {
     width:100%;padding: 40px  0px 0; overflow: hidden;
     height:auto; position: relative;    z-index: 9; background-color: #ececec;
}
.footer-bottom-wraper{
  width: 100%; 
    height: 50px;
    background-color: #5f2323
}
.space{ justify-content: space-between; }

 .copy-right {
     width:auto;
     height:auto;
     float:left; letter-spacing: 1px;
         font-family: 'Apercu';
    font-weight: 300;
     font-size:1em;color:  #fff;
     line-height: 60px 
}
 .copy-right span {
        font-family: 'Apercu';
    font-weight: 300; letter-spacing: 1px;
}
 .designed {
     width: auto;
     height: auto;
     float: right 
}
 .designed-ido {
     float: right;
     height: auto;
     padding-left: 8px;
     padding-top:15px;
     width: auto; 
}
 .designed p {
     width: auto;
     height: auto; 
     float: right;
        font-family: 'Apercu';
    font-weight: 300;
     font-size:1em;
     line-height: 60px;
     margin: 0; color: #fff
}
 .designed p a {
     text-decoration: none; 
        font-family: 'Apercu';
     font-size:1em;color:#fff;
     font-weight:300; 
}
 .designed p a:hover {
     text-decoration: none;
}
 .whats-app{
    position:fixed;
        bottom: 20vh;
    right:25px;
    width: 60px;
    z-index:99
}
.whats-app img{
    animation-name:floating;
    animation-duration:3s;    width: 100%;
    animation-iteration-count:infinite;
    animation-timing-function:ease-in-out;
    opacity:1;
}
.whats-app:hover img{
    opacity:1
}
@keyframes floating{
    from{
        transform:translate(0,0)
    }
    65%{
        transform:translate(0,15px)
    }
    to{
        transform:translate(0,0)
    }
}
 .mob-hide{display: block;}
  .mob-show{display: none;}
.address p  a{ 
color: #212121; }
/**/

.pt-0{
    padding-top: 0px !important;
}
.pb-0{
    padding-bottom: 0px !important;
}

.p5{
    padding: 5px;
}

.d-flex {
    display: flex!important;
}
.mb-0{margin-bottom: 0 !important}



/**/
.more-btn{
    position: relative;
    font-family: 'Montserrat';
    font-weight: normal;
    font-style: normal;
    font-size: 0.75em;
    line-height: 17px;
    color: #692e7e;   
    letter-spacing: 2px;
        margin-top: 2em; border-bottom: 1px solid #692e7e;
    display: block;
    width: fit-content;
}
.more-btn:hover{
  color: #65448f
}

.eq-ht{
      display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
/**/

.abt-container{position: relative; padding: 100px 0 0;}
.welcome-title{
   font-family: 'Apercu';
    font-weight: 300;
    font-size: 1.875em; line-height: 25px;
    color: #680000;
}
.welcome-detail-title2 {
    margin-bottom: 1em;
}
.welcome-detail p+p{margin-top: 2em}
.welcome-detail {padding-left: 30px}
.abt-con .col-md-3 {width: 32%}
.abt1-img img{border-radius: 10px;}
.abt-two  {text-align: center; border-top: 1px solid rgb(0 0 0 / 8%);
border-bottom: 1px solid rgb(0 0 0 / 8%);    padding: 2em 0;
    margin-top: 1em;
}
.text-center{text-align: center !important;}




/*banner*/
.hero-text-area {
    position: absolute;
    z-index: 1;
    display: inline-block;
    max-height: 100%;
    white-space: normal;
    transform: translate(0%,-50%);
    top: 50%; left: 13%; 

}
.hero-text-area.btm-area {
    width: 38%;
    left: 9%;
}
.rt-div{
  position: absolute; bottom: 5px;right: 0;
}
.r-stone{
  background: linear-gradient(90deg, rgba(95,35,35,1) 0%, rgba(85,62,1,1) 83%);
      padding: 5px 10px;    margin-bottom: 5px;
    border-top-left-radius: 10px;   border-bottom-left-radius: 10px;
}
.rhinestone-logo {
    text-align: center;
    display: block;
    margin: 0 auto;
}
.btn3{
 background: linear-gradient(0deg, rgba(213,175,74,1) 0%, rgba(137,87,35,1) 83%);
 width: 100% !important; border-top-right-radius: 0!important; 
 border-bottom-right-radius: 0!important
}
.pro-fet{
      background-color: #fff; border-radius: 10px; padding: 30px 40px;
}
.proj-ul li {
    display: flex;
    position: relative;
    align-items: center;
    padding-bottom: 20px;
}
li .sub {
    font-family: 'Apercu';
    font-weight: normal;
    font-size: 1.31em;
    color: #680000;
    width: 23%;
}
.proj-ul .li-rt {
    font-size: 1.31em;
    color: #1f1f1f;
    padding-left: 20px;
    font-family: 'Apercu';
    font-weight: 300;
    position: relative;    width: 70%;
    padding-left: 70px;
}
.hero-text-area.btm-area .proj-ul .li-rt {width: 100%}
.hero-text-area.btm-area .bnr-btn{width: 40%}
.li-rt:before {
    position: absolute;
    content: "";
    top: 50%; transform: translate(0%,-50%);
    left:  0px;
    width: 36px;
    height: 21px;
    z-index: 9;
    background-image: url(../images/arrow-rt.png);
    background-size: cover;
}
.centera-logo {
    display: block;    width: 300px;
    margin: 0 auto 2.2em;
}
.sq-ft{
      font-size: 1.16em;
    color: #1f1f1f;margin-top: 1.5em;
    font-family: 'Apercu';
    font-weight: 300; background-color: #f3f3f3; border-radius: 8px;
    padding: 10px 20px; display: block; width: 100%; text-align: center;
}
.bnr-btn{
        font-size: 1.1em;
    color: #ffffff; 
    font-family: 'Apercu';
    font-weight: 300;
    padding: 15px 25px;
    border-radius: 10px;
        width: 100%;
    float: left;
    text-align: center;
}
.btn1{
  background-color: #5f2323; margin-right: 5px;
}
.btn1:hover{   background-color: #c79f35;  }
.btn2:hover{   background-color: #5f2323;  }
.bnr-btn:hover{
      background: linear-gradient(0deg, rgba(137, 87, 35, 1) 83%, rgba(137, 87, 35, 1) 83%);
}
.btn2{
  background-color: #c79f35; 
}
.bnr-btns {
    margin-top: 5px;    display: flex;
    justify-content: center;
}
/**/
/**/
.contact-container {
    padding: 80px 0 60px;
}
.in-contact-page-content {
    background: #680000;
    padding: 30px 50px;
}
.welcome-title1{
      font-family: 'Apercu';
    font-weight: normal;
    font-size: 2.33em; 
    line-height: 40px;
    color: #680000;    text-transform: uppercase;
}
.abt-pjs{ margin-top: 3em; border-bottom: 0; padding-bottom: 0 }
.abt-main p+p{margin-top: 1em}
.abt-main{padding-right: 40px}
/**/
/**/

/**/
.am-bg{
  background-image: url(../images/am-bg.png); background-size: cover;
  padding: 60px 0 110px;
}
.am-title{
   font-family: 'Apercu';
    font-weight: 300; position: relative;  
    font-style: normal; 
    font-size: 1.25em; text-transform: capitalize;
        line-height: 25px ;
    color: #e2bc85; text-align: center;
}

.am-wrap {
  margin-bottom: 1em;
}
.img-icon{
  display: block; margin: 0 auto 1em; width: unset !important;
}
.am-row{margin-top: 4em}
.am-item{
  position: relative;
}
.am-item:after{
      width: 1px;
    height: 100%;
    position: absolute;
    transform: translate(0%, -50%);
    right: 0px;
    top: 50%;
    content: "";
    background:#e2bc85;
    z-index: 1;
}
 
.owl-nav .owl-prev:before {
    right: 0;
    left: 0;
    top: 0;
    bottom: unset;
    content: '';
    position: absolute;
    background-image: url(../images/arrow-lft1.png);
    background-size: cover;
    height: 20px; width: 31px;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.owl-nav .owl-next:before {
    right: 0;
    left: 0;
    top: 0;
    bottom: unset;
    content: '';
    position: absolute;
    background-image: url(../images/arrow-rt1.png);
    background-size: cover;
       width: 31px; height: 20px; 
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.owl-theme .owl-nav [class*=owl-] {
    padding: 0 !important;
    top: -70px;
    font-size: 0px !important;
    position: absolute;
    background: #d8a459;
    height: 50px;
    width: 50px;
    border-radius: 100%;
}
.owl-theme .owl-nav .owl-prev {
    right: 8%;
}
.owl-theme .owl-nav .owl-next {
    right: 0%;
}
.playbtn2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    z-index: 9;
    text-align: center;
}
.videos .videimg{ border-radius: 15px; }
.videos{  position: relative; }
.videos:before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translate(0%, -50%);
    left: -200px;
    width: 200px;
    height: 320px;
    z-index: 9;
    background: #501d1d;
}
.videos:after{
  content: "";
    position: absolute;
    top: 0;
    left: 0;border-radius: 15px;
    bottom: 0;
    right: 0;
    background: rgb(0 0 0 / 40%);
    z-index: 1;
}
.box-group.gallery-box2 img {
    height: 430px;
    object-fit: cover;
}


/**/
.location-container{position: relative; overflow: hidden;}
.welcome-title2 {
    font-family: 'Apercu';
    font-weight: 300;
    font-size: 2.23em;
    line-height: 36px; margin-bottom: 5px;
    color: #680000; letter-spacing: 1px;
}
.loc-img img{border-radius: 15px; box-shadow: 2px 4px 15px 0px rgba(0, 0, 0, 0.04)}
.box-group {
    text-align: center;
    overflow: hidden;
    position: relative;
}
 

.loc-row {
    margin-top: 5em;
    margin-bottom: 5em;
}
.loc-row2{
 margin-bottom: 5em;
}
.loc-row3{
 margin-bottom: 7em;
}
.loc-row2 .col-md-6:nth-child(1), .loc-row3 .col-md-6:nth-child(1),
.loc-row .col-md-6:nth-child(1){
  padding-right: 30px
}
.loc-row2 .col-md-6:nth-child(2), .loc-row3 .col-md-6:nth-child(2),
.loc-row .col-md-6:nth-child(2){
  padding-left: 30px
}
.loc-row3 .col-md-6:nth-child(1){
  width: 46%
}
.loc-row3 .col-md-6:nth-child(2){
  width: 54%
}
.pr-1{ padding-right: 1% !important }
.box-group .img-full,.location-map iframe{
  border-radius: 15px;
}
.location-map iframe{ height: 350px; }
.box-group.gallery-box img{ height: 350px; object-fit: cover; }
.plan-title {
    position: absolute; 
    bottom: 0;
    color: #fff;text-shadow: 1px 1px 2px #000000;
    z-index: 8;
    transform: translate(-50%, -50%);
    left: 50%;
    font-family: 'Apercu'; text-transform: capitalize;
    font-style: normal;
    font-weight: 300;
    font-size: 1.25em;
    width: 100%;
    
}
.expand{
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    z-index: 8;
}
/**/

.read-more-content{
  display: none;
}
.read-more{
  display: inline-block;
  margin-top: 8px; font-size: 0.937em;
  font-family: 'InterTight'; font-style: italic; font-weight: normal; color: #5f2323;
}
.addition-services{
  padding: 50px 0 
}
.ad-rt p{
    color: #030303; 
}
.ad-item {
    display: flex; position: relative;
    align-items: baseline;  height: 100%; margin-bottom: 2em;
}
.c-white{color: #fff !important}
.ad-row { justify-content: space-between;     margin-top: 4em;}
.ad-row .col-md-4 {
    width: 28%;
    margin-right: auto;
}
.ad-row .col-md-4:nth-child(3n){ margin-right: 0 }


.ad-rt{padding-left: 20px}
.numbr{
  background-color: #5f2323; border-radius: 100%;
  font-family: 'Apercu';
    font-weight: 500; font-size: 1.20em; color: #be9026;
        width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
}

.room-btm{
  display: block; align-items: center; margin-top: 20px;    
}
.link-btn {
    position: relative;
    font-family: 'Apercu';
    font-weight: 300;
    font-style: normal;
    font-size: 1.125em;
    line-height: 25px;
    color: rgb(218 162 137 / 75%);
    letter-spacing: 3px;
}
.link-btn:hover,.btm-txt .link-btn:hover{color: #bc3478}


.why-choose{position: relative; padding: 120px 130px 50px;}

.why-img {
    padding-right: 30px;
}
.r-fac-li {
    position: relative;    display: flex;
    align-items: center;    margin-bottom: 5em;
}
.spec-rt{ padding-left: 25px; }
.why-content{position: relative;}
.why-content:before {
    content: "";
    position: absolute;
    left: 32px;
    width: 3px;
    height: 80%;
    top: 17px;
    background-color: #003b6d;
}
 .spec-title{
   position: relative;
    font-family: 'Apercu';
    font-weight: 300;
    font-style: normal;
    font-size: 1.25em;
    line-height: 25px; margin-bottom: 5px;
    color: #680000; letter-spacing: 1px;
}
.specimg{
  background-color: #003b6d;
  height: 70px; width: 70px; line-height: 70px; border-radius: 100%;    text-align: center;
      display: flex;
    align-items: center;
    justify-content: center;
}

.text-left{text-align: left}


.ser-img,.ser-item{position: relative;overflow: hidden; transition: .4s;}
    .ser-img ,.ser-img .img-full{   border-radius: 15px; }
  .ser-item img{  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s; } 

.ser-item:hover img{
      -webkit-transform: scale(1.12);
    transform: scale(1.12);    border-radius: 15px;
}

/**/

.pr-0{padding-right: 0 !important}
.pl-0{padding-left: 0 !important}
/**/

/**/

/**/

.mb-3{
    margin-bottom: 3em
}

.d-flex{
    display: flex;
}
/*end*/
.facility-wraper {
    padding: 60px 0;
}

.container {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
}

/* 5 Columns */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-md-15 {
    width: 20%;
    float: left;
}

.ser-abs-txt{
  font-family: 'Gelion'; font-weight: normal;    margin-bottom: 25px;
  font-size: 2em; color: #214279; line-height: 40px; letter-spacing: -1px
}
.ser-abs{
  position: absolute;
  transform: translate(0%,-50%); left: 50%; top: 50%
}
a.know-btn.submit-btn {
    padding: 14px 30px;
}

.abt-main-row{direction: rtl;}
.abt-main{ direction: ltr;}
.in-contact-page-content{ direction: ltr;}



.select {
  position: relative;
  display: inline-block;
  width: 100%;
}
.select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 15px 15px;
  outline: 0;
  border-radius: 0;
  color: #666;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #ccc;
  font-size: 1em;
  font-family: inherit;
  background: #fff;
}
.select select::-ms-expand {
  display: none;
}
.select select:hover, .select select:focus {
  color: #000;
  background: #fff;
}
.select select:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.select__arrow {
  position: absolute;
  top: 16px;
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #7b7b7b transparent transparent transparent;
}
.select select:hover ~ .select__arrow, .select select:focus ~ .select__arrow {
  border-top-color: #000;
}
.select select:disabled ~ .select__arrow {
  border-top-color: #ccc;
}

/**/

/************************************************** START LOCATION **************************************************/


/************************************************** START CONTACT **************************************************/
.hide-menu{ display: none;}
 @media (min-width: 1023px) and (max-width: 1279px) {
     body,li {
         font-size:12px !important;
    }
     .d-container{
         width:100%;
         padding-left: 6%;
         padding-right: 6% 
    }
    .nav-brand img{width: 60%}
  .whats-app{width: 45px}
  #button{ line-height: 40px;width: 40px;height: 40px; }

.sexy-menu{ padding: 20px 0 }
.centera-logo{ width: 150px;     margin: 0px auto 1.2em;}
.li-rt:before{     width: 25px;
    height: 15px; }
    li .sub{ font-size: 1.1em }
.proj-ul .li-rt{ padding-left: 40px;     font-size: 1.1em;}
.pro-fet{ padding: 15px 20px  }
.proj-ul li{     padding-bottom: 15px; }
.bnr-btn{padding: 11px 15px}
.rhinestone-logo{         width: 65% }
.r-stone{padding: 5px 0px}
.side-btn{ padding: 3px 13px;      right: -47px; font-size: .9em }
.rt-div {
    width: 160px;
}
.abt-container {
    padding: 40px 0 0;
}
.ad-row .col-md-4 {
    width: 31%;
}
.img-icon{width: 35px !important}
.am-bg{ padding: 30px 0 33px }
.owl-theme .owl-nav [class*=owl-]{ height: 30px; width: 30px; }
.owl-nav .owl-prev:before,.owl-nav .owl-next:before{
  width: 22px;
    height: 12px
}
.box-group.gallery-box img,.location-map iframe{ height: 190px }
.play {
    width: 50px;
}
.box-group.gallery-box2 img{height: 228px}
.videos:before{ height: 150px; }
.hero-text-area.btm-area .bnr-btn {
    width: 45%;
}

.plan-title{font-size: .9em}
.in-contact-page-content { padding: 20px 30px}
.row.center.abt-main-row .col-md-4{padding: 0;}
.abt-main {
    padding-right: 0;
}

.b-logoimg {
    width: 120px;
    display: flex;
    align-items: center;
}
.rera-img {
    width: 90px;
}

}


 @media (min-width: 1280px) and (max-width: 1359px) {
     body,li {
         font-size:14px !important;
    }
     .d-container{
         width:100%;
         padding-left: 7%;
         padding-right: 7% 
    }
.plan-title{font-size: .9em}
#button{
  height: 40px; width: 40px; line-height: 40px; right: 15px;
}
.whats-app{
  right: 0;
}
.whats-app img{width: 45px; }
    .nav-brand img{width: 60%}
  
.sexy-menu{ padding: 25px 0 }
.centera-logo{ width: 150px;     margin: 0px auto 1.2em;}
.li-rt:before{     width: 25px;
    height: 15px; }
    li .sub{ font-size: 1.1em }
.proj-ul .li-rt{ padding-left: 50px;     font-size: 1.1em;}
.pro-fet{ padding: 15px 20px  }
.proj-ul li{     padding-bottom: 15px; }
.bnr-btn{padding: 11px 15px}
.rhinestone-logo{         width: 65% }
.r-stone{padding: 5px 0px}
.side-btn{ padding: 3px 13px;      right: -47px; font-size: .9em }
.rt-div {
    width: 160px;
}
.abt-container {
    padding: 40px 0 0;
}
.ad-row .col-md-4 {
    width: 31%;
}
.img-icon{width: 45px !important}
.am-bg{ padding: 40px 0 45px}
.owl-theme .owl-nav [class*=owl-]{ height: 30px; width: 30px; }
.owl-nav .owl-prev:before,.owl-nav .owl-next:before{
  width: 22px;
    height: 12px
}
.box-group.gallery-box img,.location-map iframe{ height: 230px }
.play {
    width: 50px;
}
.box-group.gallery-box2 img{height: 288px}
.videos:before{ height: 150px; }
.hero-text-area.btm-area .bnr-btn {
    width: 45%;
}
.in-contact-page-content { padding: 20px 30px}
.row.center.abt-main-row .col-md-4{padding: 0;}
.abt-main {
    padding-right: 0;
}

.b-logoimg {
    width: 150px;
    display: flex;
    align-items: center;
}

.rera-img {
    width:100px;
}
}

 @media (min-width: 1360px) and (max-width: 1399px) {
  body,li {
         font-size:14px !important;
    }
    .d-container{
         width:100%;
         padding-left: 8%;
         padding-right: 8% 
    }
.whats-app img{width: 55px; }
    .nav-brand img{width: 65%}
  
.sexy-menu{ padding: 25px 0 }
.centera-logo{ width: 150px;     margin: 0px auto 1.2em;}
.li-rt:before{     width: 25px;
    height: 15px; }
    li .sub{ font-size: 1.2em }
.proj-ul .li-rt{ padding-left: 50px;     font-size: 1.2em;}
.pro-fet{ padding: 15px 30px  }
.proj-ul li{     padding-bottom: 15px; }
.bnr-btn{padding: 11px 15px}
.rhinestone-logo{         width: 75% }
.r-stone{padding: 5px 0px}
.side-btn{  padding: 6px 20px;      right:-59px;  }
.rt-div {
    width: 160px;
}
.plan-title{font-size: 1em}
.abt-container {
    padding: 70px 0 0;
}
.ad-row .col-md-4 {
    width: 31%;
}
.img-icon{width: 45px !important}
.am-bg{ padding: 40px 0 45px}
.owl-theme .owl-nav [class*=owl-]{ height: 45px; width: 45px; }
.owl-nav .owl-prev:before,.owl-nav .owl-next:before{
  width: 25px;
    height: 15px
}
.box-group.gallery-box img,.location-map iframe{ height: 230px }
.play {
    width: 60px;
}
.box-group.gallery-box2 img{height: 300px}
.videos:before{ height: 150px; }
.hero-text-area.btm-area .bnr-btn {
    width: 45%;
}
.in-contact-page-content { padding: 20px 30px}


.b-logoimg {
    width: 160px;
    display: flex;
    align-items: center;
}

}

 @media (min-width: 1400px) and (max-width: 1441px) {
     body {
         font-size:15px !important;
    }
    li{font-size:15px !important;}
   .d-container{
         width:100%;
         padding-left:8%;
         padding-right:8% 
    }
 
.whats-app img{width: 55px; }
    .nav-brand img{width: 65%}
  .sexy-menu{ padding: 25px 0 }
.centera-logo{ width: 150px;     margin: 0px auto 1.2em;}
.li-rt:before{     width: 25px;
    height: 15px; }
    li .sub{ font-size: 1.2em }
.proj-ul .li-rt{ padding-left: 50px;     font-size: 1.2em;}
.pro-fet{ padding: 15px 30px  }
.bnr-btn{padding: 11px 15px}
.rhinestone-logo{         width: 75% }
.r-stone{padding: 5px 0px}
.side-btn{ padding: 6px 20px;      right:-59px;   }
.rt-div {
    width: 160px;
}
.abt-container {
    padding: 70px 0 0;
}
.ad-row .col-md-4 {
    width: 31%;
}
.plan-title{font-size: 1em}
.img-icon{width: 45px !important}
.am-bg{ padding: 40px 0 45px}
.owl-theme .owl-nav [class*=owl-]{ height: 45px; width: 45px; }
.owl-nav .owl-prev:before,.owl-nav .owl-next:before{
  width: 25px;
    height: 15px
}
.box-group.gallery-box img,.location-map iframe{ height: 250px }
.play {
    width: 60px;
}
.box-group.gallery-box2 img{height: 312px}
.videos:before{ height: 150px; }
.hero-text-area.btm-area .bnr-btn {
    width: 45%;
}

.b-logoimg {
    width: 160px;
    display: flex;
    align-items: center;
}

}
 @media (min-width: 1441px) and (max-width: 1599px) {
   li,body{font-size:15px !important;}
 .d-container{
         width:100%;
         padding-left:8%;
         padding-right:8% 
    }
 .plan-title{font-size: 1em}
.whats-app img{width: 55px; }
    .nav-brand img{width: 75%}
    .sexy-menu{ padding: 30px 0 }
.centera-logo{ width: 200px;    }
.li-rt:before{     width: 25px;
    height: 15px; }
    li .sub{ font-size: 1.2em }
.proj-ul .li-rt{ padding-left: 50px;     font-size: 1.2em;}
.pro-fet{ padding: 25px 30px  }
.bnr-btn{padding: 11px 15px}
.rhinestone-logo{         width: 90% }
.r-stone{padding: 5px 0px}
.side-btn{  padding: 6px 20px;      right:-59px;  }
.rt-div {
    width: 200px;
}
.abt-container {
    padding: 70px 0 0;
}
.ad-row .col-md-4 {
    width: 31%;
}
.img-icon{width: 45px !important}
.am-bg{ padding: 45px 0 70px}
.owl-theme .owl-nav [class*=owl-]{ height: 45px; width: 45px; }
.owl-nav .owl-prev:before,.owl-nav .owl-next:before{
  width: 25px;
    height: 15px
}
.box-group.gallery-box img,.location-map iframe{ height: 250px }
.play {
    width: 60px;
}
.box-group.gallery-box2 img{height: 312px}
.videos:before{ height: 150px; }
.hero-text-area.btm-area .bnr-btn {
    width: 45%;
}


.b-logoimg {
    width: 170px;
    display: flex;
    align-items: center;
}
}
 @media (min-width:1600px) and (max-width:1680px) {
     body {
         font-size:15px !important;
    }
    li{font-size:15px !important;}

.form-group {
    margin-bottom: 6px !important;
}

 .whats-app{
    width: 60px
   }
  .d-container{
       width:100%;
       padding-left:8%;
       padding-right:8% 
  }

#button{
  height: 40px; width: 40px; line-height: 40px
}

.box-group.gallery-box2 img {
    height: 360px;
}
.centera-logo{ width: 250px; }
.am-bg{ padding: 60px 0 90px }
.box-group.gallery-box img,.location-map iframe {
    height: 300px;
    }
    .plan-title{font-size: 1em}

.b-logoimg {
    width: 170px;
    display: flex;
    align-items: center;
}
}
 @media (min-width:1681px){
     body {
         font-size:16px !important;
    }
   .d-container {
    width: 100%;
    padding-left: 9%;
    padding-right: 9%;
}

}
 

 @media (max-width:420px) { 
    body,li {
       font-size:14px !important;
  }
  p{font-size: 1em }
   .d-container { padding-left: 5%; padding-right: 5% }
   .nav-brand img{width: 70%; margin: 3px auto 0;}

  .mob-icon {
        display: block;
        font-size: 20px;
    }
        .side-btn {
        padding: 0;
        height: 40px;
        width: 40px;
        line-height: 40px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        position: fixed;
        bottom: 28vh;        transform: unset;
        right: 12px;
    }
  .side-btn span{display: none;}
  
  .eq-ht{display: block;}
  .hero-text-area{ position: unset; transform: unset; width: 100% }
  #popUp{
    width: 300px; padding: 3% 5% 3%; z-index: 9999;
  }
  .form-group {
  margin-bottom: 8px;
  }
  .submit-btn1{ padding: 6px 20px }
  .whats-app{     right: 10px; width: 45px; }
  .sexy-menu{padding: 25px 0}

  .bnr-btns {
    margin-top: 0;
  }
  .abt-con .col-md-3{display: none;}
  .welcome-detail {
    padding-left: 0;
  }
  .centera-logo{ width: 150px;     margin: 0px auto 1.2em;}
  .li-rt:before{     width: 25px;
    height: 15px; }
    li .sub{ font-size: 1.1em }
  .proj-ul .li-rt{ padding-left: 50px;     font-size: 1.1em;}
  .pro-fet{ padding: 15px 20px  }
  .proj-ul li{     padding-bottom: 15px; }
  .bnr-btn{ padding: 8px 10px; border-radius: 5px;   font-size: .8em;     width: 43%;}
  .rhinestone-logo{ width: 80%}
  .r-stone{padding: 5px 0px}
  .rt-div {
      width: 100px; 
  }
  .abt-container {
      padding: 30px 0 0;
  }
  .welcome-title2{
      font-size: 1.5em;
    line-height: 22px;
  }
  .loc-row {
    margin-top: 1em;
    margin-bottom: 2.5em;
  }
  .loc-img,.location-map,.loc-row2,.videos {
    margin-bottom: 2.5em;
  }
  .owl-theme .owl-nav .owl-prev {
    right: 10%;
  }
  .owl-theme .owl-nav [class*=owl-]{ top: -45px }
  .floor-row .col-md-4 {
    width: 50%;
    float: left;
  }
  .loc-row2 .col-md-6:nth-child(2), .loc-row3 .col-md-6:nth-child(2), .loc-row .col-md-6:nth-child(2) {
    padding-left: 15px;
  } 
  .loc-row2 .col-md-6:nth-child(1), .loc-row3 .col-md-6:nth-child(1), .loc-row .col-md-6:nth-child(1){
    padding-right: 15px;
  }
  .plan-title{font-size: .9em}

  .welcome-title{
        font-size: 1.4em;
    line-height: 22px;
  }
  .welcome-detail-title2 {
    margin-bottom: 10px;
  }
  .welcome-detail p+p {
    margin-top: 1em;
  }
  .abt-two{text-align: left;    padding: 1em 0;}
  .addition-services {
    padding: 30px 0;        overflow: hidden;
  }
  .ad-row .col-md-4 {
      width: 100%;
  }
  .ad-row {
    margin-top: 2em;
  }
  .am-title{ font-size: 1em; }
  .ad-item{     margin-bottom: 1em; }
  .img-icon{width: 40px !important}
  .am-bg{ padding: 30px 0 30px}
  .am-row {
    margin-top: 2em;
  }
  .loc-row3 .col-md-6:nth-child(1),.loc-row3 .col-md-6:nth-child(2){ width: 100% }
  .owl-theme .owl-nav [class*=owl-]{ height: 30px; width: 30px; }
  .owl-nav .owl-prev:before,.owl-nav .owl-next:before{
    width: 22px;
      height: 12px
  }
  .box-group.gallery-box img,.location-map iframe{ height: 190px }
  .play {
      width: 50px;
  }
  .box-group.gallery-box2 img{height: 210px}
  .videos:before{ display: none; }
  .hero-text-area.btm-area .bnr-btn {
      width: 45%;
  }
  .loc-row3 {
    margin-bottom: 4em;
  }
  .hero-text-area.btm-area{ width: 100% }

.footer-bottom-container{padding-bottom: 40px;}
.copy-right span{display: none;}
  
  .spec-title{    line-height: 15px;
    margin-bottom: 2px; letter-spacing: 0px; font-size: 1.1em; }
  .designed p,.copy-right{ line-height: 40px; }
.centara-fx {top: 25%}
  .rhinestone-fx { /*position: fixed; */top: 25%}
 
  .centera-div,.rhinestone-div{position: relative;}
 .nav-hide{ position: fixed; }

 .contact-container {
    padding: 30px 0 30px;
}
.abt-main {
    padding-right: 0;
}
.welcome-title1{     font-size: 1.5em;
    line-height: 25px; }
.abt-main-row .col-md-8,.abt-main-row .col-md-4 {
    padding: 0;
}
.in-contact-page-content{margin-bottom: 1em; padding: 16px 20px}

.b-logoimg {
    width: 90px;
    display: flex;
    align-items: center;
}
.b-logo{ right: 5% }
.b-logo2{left: 5%}

.bnr-txt{ font-size: .8em; line-height: 22px; width: 70%;}

}
 @media (min-width:421px) and (max-width:460px){

    body,li {
       font-size:14px !important;
  }
  p{line-height: 1.8; font-size: 1em}
  .row.abt-con.center .col-md-9{padding: 0}
    .d-container { padding-left: 5%; padding-right: 5% }
     .nav-brand img{width: 70%; margin: 0px auto 0;}

  .mob-icon {
        display: block;
        font-size: 20px;
    }
        .side-btn {
        padding: 0;
        height: 40px;
        width: 40px;
        line-height: 40px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        position: fixed;
        bottom: 28vh;        transform: unset;
        right: 12px;
    }
  .side-btn span{display: none;}
  
.eq-ht{display: block;}
  .hero-text-area{ position: unset; transform: unset; width: 100% }
  #popUp{
    width: 300px; padding: 3% 5% 3%
  }
  .form-group {
  margin-bottom: 8px;
  }
  .submit-btn1{ padding: 6px 20px }
  .whats-app{     right: 10px; width: 45px; }
  .sexy-menu{padding: 25px 0}

  .bnr-btns {
    margin-top: 0;
  }
  .abt-con .col-md-3{display: none;}
  .welcome-detail {
    padding-left: 0;
  }
  .centera-logo{ width: 150px;     margin: 0px auto 1.2em;}
  .li-rt:before{     width: 25px;
    height: 15px; }
    li .sub{ font-size: 1.1em }
  .proj-ul .li-rt{ padding-left: 50px;     font-size: 1.1em;}
  .pro-fet{ padding: 15px 20px  }
  .proj-ul li{     padding-bottom: 15px; }
  .bnr-btn{ padding: 8px 10px; border-radius: 5px;   font-size: .9em;     width: 43%;}
  .rhinestone-logo{ width: 80%}
  .r-stone{padding: 5px 0px}
  .rt-div {
      width: 120px; 
  }
  .abt-container {
      padding: 30px 0 0;
  }
  .welcome-title2{
      font-size: 1.5em;
    line-height: 22px;
  }
  .loc-row {
    margin-top: 1em;
    margin-bottom: 2.5em;
  }
  .loc-img,.location-map,.loc-row2,.videos {
    margin-bottom: 2.5em;
  }
  .owl-theme .owl-nav .owl-prev {
    right: 10%;
  }
  .owl-theme .owl-nav [class*=owl-]{ top: -45px }
  .floor-row .col-md-4 {
    width: 50%;
    float: left;
  }
  .loc-row2 .col-md-6:nth-child(2), .loc-row3 .col-md-6:nth-child(2), .loc-row .col-md-6:nth-child(2) {
    padding-left: 15px;
  } 
  .loc-row2 .col-md-6:nth-child(1), .loc-row3 .col-md-6:nth-child(1), .loc-row .col-md-6:nth-child(1){
    padding-right: 15px;
  }
  .plan-title{font-size: .9em}

  .welcome-title{
        font-size: 1.4em;
    line-height: 22px;
  }
  .welcome-detail-title2 {
    margin-bottom: 10px;
  }
  .welcome-detail p+p {
    margin-top: 1em;
  }
  .abt-two{text-align: left;}
  .addition-services {
    padding: 30px 0;        overflow: hidden;
  }
  .ad-row .col-md-4 {
      width: 100%;
  }
  .ad-row {
    margin-top: 2em;
  }
  .am-title{ font-size: 1em; }
  .ad-item{     margin-bottom: 1em; }
  .img-icon{width: 40px !important}
  .am-bg{ padding: 30px 0 30px}
  .am-row {
    margin-top: 2em;
  }
  .loc-row3 .col-md-6:nth-child(1),.loc-row3 .col-md-6:nth-child(2){ width: 100% }
  .owl-theme .owl-nav [class*=owl-]{ height: 30px; width: 30px; }
  .owl-nav .owl-prev:before,.owl-nav .owl-next:before{
    width: 22px;
      height: 12px
  }
  .box-group.gallery-box img,.location-map iframe{ height: 190px }
  .play {
      width: 50px;
  }
  .box-group.gallery-box2 img{height: 210px}
  .videos:before{ display: none; }
  .hero-text-area.btm-area .bnr-btn {
      width: 45%;
  }
  .loc-row3 {
    margin-bottom: 4em;
  }
  .hero-text-area.btm-area{ width: 100% }

.footer-bottom-container{padding-bottom: 60px;}
.copy-right span{display: none;}
.centara-fx {top: 25%}
  .rhinestone-fx { /*position: fixed; */top: 25%}
 
  .centera-div,.rhinestone-div{position: relative;}
 .nav-hide{ position: fixed; }
   .contact-container {
    padding: 30px 0 30px;
}
.abt-main {
    padding-right: 0;
}
.welcome-title1{     font-size: 1.5em;
    line-height: 25px; }
.abt-main-row .col-md-8,.abt-main-row .col-md-4 {
    padding: 0;
}
.in-contact-page-content{margin-top: 1em; padding: 16px 20px}


.b-logoimg {
    width:100px;
    display: flex;
    align-items: center;
}
.b-logo{ right: 5% }
.b-logo2{left: 5%}
.bnr-txt{ font-size: .8em; line-height: 20px; width: 70%;}
} 
 @media (min-width:461px) and (max-width:560px){

    body,li {
       font-size:14px !important;
  }
  p{font-size: 1em}
    .d-container { padding-left: 3%; padding-right: 3% }
     .nav-brand img{width: 70%; margin: 0px auto 0;}
  .mob-icon {
        display: block;
        font-size: 20px;
    }
        .side-btn {
        padding: 0;
        height: 40px;
        width: 40px;
        line-height: 40px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        position: fixed;
        bottom: 28vh;        transform: unset;
        right: 12px;
    }
  .side-btn span{display: none;}
   .eq-ht{display: block;}
  .hero-text-area{ position: unset; transform: unset; width: 100% }
 
  #popUp{ padding: 5% 6% 4%; width: 330px }
  .side-form-title{ margin-bottom: 10px; }
  .form-group {
      margin-bottom: 8px;
  }
  .whats-app{ width: 45px; right: 10px; }

  .submit-btn1{ padding: 6px 20px }
  .sexy-menu{padding: 25px 0}

  .bnr-btns {
    margin-top: 0;
  }
  .abt-con .col-md-3{display: none;}
  .welcome-detail {
    padding-left: 0;
  }
  .centera-logo{ width: 150px;     margin: 0px auto 1.2em;}
  .li-rt:before{     width: 25px;
    height: 15px; }
    li .sub{ font-size: 1.1em }
  .proj-ul .li-rt{ padding-left: 50px;     font-size: 1.1em;}
  .pro-fet{ padding: 15px 20px  }
  .proj-ul li{     padding-bottom: 15px; }
  .bnr-btn{ padding: 11px 10px; border-radius: 5px;   font-size: .9em;     width: 43%;}
  .rhinestone-logo{ width: 80%}
  .r-stone{padding: 5px 0px}
  .rt-div {
      width: 130px; top: 20% 
  }
  .abt-container {
      padding: 30px 0 0;
  }
  .welcome-title2{
      font-size: 1.5em;
    line-height: 22px;
  }
  .loc-row {
    margin-top: 1em;
    margin-bottom: 2.5em;
  }
  .loc-img,.location-map,.loc-row2,.videos {
    margin-bottom: 2.5em;
  }
  .owl-theme .owl-nav .owl-prev {
    right: 10%;
  }
  .owl-theme .owl-nav [class*=owl-]{ top: -45px }
  .floor-row .col-md-4 {
    width: 50%;
    float: left;
  }
  .loc-row2 .col-md-6:nth-child(2), .loc-row3 .col-md-6:nth-child(2), .loc-row .col-md-6:nth-child(2) {
    padding-left: 15px;
  } 
  .loc-row2 .col-md-6:nth-child(1), .loc-row3 .col-md-6:nth-child(1), .loc-row .col-md-6:nth-child(1){
    padding-right: 15px;
  }
  .plan-title{font-size: .9em}

  .welcome-title{
        font-size: 1.4em;
    line-height: 22px;
  }
  .welcome-detail-title2 {
    margin-bottom: 10px;
  }
  .welcome-detail p+p {
    margin-top: 1em;
  }
  .abt-two{text-align: left;}
  .addition-services {
    padding: 30px 0;        overflow: hidden;
  }
  .ad-row .col-md-4 {
      width: 100%;
  }
  .ad-row {
    margin-top: 2em;
  }
  .am-title{ font-size: 1em; }
  .ad-item{     margin-bottom: 1em; }
  .img-icon{width: 40px !important}
  .am-bg{ padding: 30px 0 30px}
  .am-row {
    margin-top: 2em;
  }
  .loc-row3 .col-md-6:nth-child(1),.loc-row3 .col-md-6:nth-child(2){ width: 100% }
  .owl-theme .owl-nav [class*=owl-]{ height: 30px; width: 30px; }
  .owl-nav .owl-prev:before,.owl-nav .owl-next:before{
    width: 22px;
      height: 12px
  }
  .box-group.gallery-box img,.location-map iframe{ height: 190px }
  .play {
      width: 50px;
  }
  .box-group.gallery-box2 img{height: 210px}
  .videos:before{ display: none; }
  .hero-text-area.btm-area .bnr-btn {
      width: 45%;
  }
  .loc-row3 {
    margin-bottom: 4em;
  }
  .hero-text-area.btm-area{ width: 100% }

.footer-bottom-container{padding-bottom: 60px;}
.copy-right span{display: none;}

 .contact-container {
    padding: 30px 0 30px;
}
.abt-main {
    padding-right: 0;
}
.welcome-title1{     font-size: 1.5em;
    line-height: 25px; }
.abt-main-row .col-md-8,.abt-main-row .col-md-4 {
    padding: 0;
}
.in-contact-page-content{margin-top: 1em; padding: 16px 20px}


.b-logoimg {
    width:100px;
    display: flex;
    align-items: center;
}
.b-logo{ right: 5% }
.b-logo2{left: 5%}
.bnr-txt{ font-size: .8em; line-height: 20px; width: 70%;}
}
 @media (min-width:561px) and (max-width:680px){

   body,li {
       font-size:14px !important;
  }
 .home-img-landsc {
      display: block!important;
      height: 86vh!important;
      width: 100%;        object-position: right;
      object-fit: cover;
  }
      .mob-view.home-img {
      display: none !important;
  }
 p{font-size: 1em}
    .d-container { padding-left: 3%; padding-right: 3% }
     .nav-brand img{width: 65%; margin: 5px auto 0;}
   
   .eq-ht{display: block;}

  .side-btn {
    padding: 3px 15px;
    right: -49px;    font-size: .9em;
    line-height: 20px;
  }
  #popUp{ padding: 5% 6% 4%; width: 330px }
  .side-form-title{ margin-bottom: 10px; }
  .form-group {
      margin-bottom: 8px;
  }
  .whats-app{ width: 45px; right: 10px; }
  .eq-ht{display: block;}
  .hero-text-area{ position: unset; transform: unset; width: 100% }
  .side-form-title{ margin-bottom: 10px; }

  .submit-btn1{ padding: 6px 20px }
  .sexy-menu{padding: 30px 0}

  .bnr-btns {
    margin-top: 0;
  }
  .abt-con .col-md-3{display: none;}
  .welcome-detail {
    padding-left: 0;
  }
  .centera-logo{ width: 150px;     margin: 0px auto 1.2em;}
  .li-rt:before{     width: 25px;
    height: 15px; }
    li .sub{ font-size: 1.1em }
  .proj-ul .li-rt{ padding-left: 50px;     font-size: 1.1em;}
  .pro-fet{ padding: 15px 20px  }
  .proj-ul li{     padding-bottom: 15px; }
  .bnr-btn{ padding: 11px 10px; border-radius: 5px;   font-size: .9em;     width: 43%;}
  .rhinestone-logo{ width: 80%}
  .r-stone{padding: 5px 0px}
  .rt-div {
      width: 130px; top:39% 
  }
  .abt-container {
      padding: 30px 0 0;
  }
  .welcome-title2{
      font-size: 1.5em;
    line-height: 22px;
  }
  .loc-row {
    margin-top: 1em;
    margin-bottom: 2.5em;
  }
  .loc-img,.location-map,.loc-row2,.videos {
    margin-bottom: 2.5em;
  }
  .owl-theme .owl-nav .owl-prev {
    right: 7%;
  }
  .owl-theme .owl-nav [class*=owl-]{ top: -45px }
  .floor-row .col-md-4 {
    width: 33%;
    float: left;
  }
  .loc-row2 .col-md-6:nth-child(2), .loc-row3 .col-md-6:nth-child(2), .loc-row .col-md-6:nth-child(2) {
    padding-left: 15px;
  } 
  .loc-row2 .col-md-6:nth-child(1), .loc-row3 .col-md-6:nth-child(1), .loc-row .col-md-6:nth-child(1){
    padding-right: 15px;
  }
  .plan-title{font-size: .9em}

  .welcome-title{
        font-size: 1.4em;
    line-height: 22px;
  }
  .welcome-detail-title2 {
    margin-bottom: 10px;
  }
  .welcome-detail p+p {
    margin-top: 1em;
  }
  .abt-two{text-align: left;}
  .addition-services {
    padding: 30px 0;        overflow: hidden;
  }
  .ad-row .col-md-4 {
      width: 100%;
  }
  .ad-row {
    margin-top: 2em;
  }
  .am-title{ font-size: 1em; }
  .ad-item{     margin-bottom: 1em; }
  .img-icon{width: 40px !important}
  .am-bg{ padding: 30px 0 30px}
  .am-row {
    margin-top: 2em;
  }
  .loc-row3 .col-md-6:nth-child(1),.loc-row3 .col-md-6:nth-child(2){ width: 100% }
  .owl-theme .owl-nav [class*=owl-]{ height: 30px; width: 30px; }
  .owl-nav .owl-prev:before,.owl-nav .owl-next:before{
    width: 22px;
      height: 12px
  }
  .box-group.gallery-box img,.location-map iframe{ height: 190px }
  .play {
      width: 50px;
  }
  .box-group.gallery-box2 img{height: 210px}
  .videos:before{ display: none; }
  .hero-text-area.btm-area .bnr-btn {
      width: 45%;
  }
  .loc-row3 {
    margin-bottom: 4em;
  }
  .hero-text-area.btm-area{ width: 100% }

.footer-bottom-container{padding-bottom: 60px;}

 .contact-container {
    padding: 30px 0 30px;
}
.abt-main {
    padding-right: 0;
}
.welcome-title1{     font-size: 1.5em;
    line-height: 25px; }
.abt-main-row .col-md-8,.abt-main-row .col-md-4 {
    padding: 0;
}
.in-contact-page-content{margin-top: 1em; padding: 26px 40px}

.b-logoimg {
    width:110px;
    display: flex;
    align-items: center;
}
.b-logo{ right: 5% }
.b-logo2{left: 5%}
.bnr-txt{ font-size: 1em; line-height: 22px; width: 70%;}
}
 @media (min-width:681px) and (max-width: 768px){

    body,li {
       font-size:14px !important;
  }
   .d-container { padding-left: 3%; padding-right: 3% }
 
   .home-img-landsc {
        display: block !important;
        height: 85vh!important;
        width: 100%;
        object-fit: cover;
    }
    .mob-view.home-img {
        display: none !important;
    }


 p{font-size: 1em}
    .d-container { padding-left: 3%; padding-right: 3% }
     .nav-brand img{width: 65%; margin: 0px auto 0;}
   
  .side-btn {
    padding: 6px 15px;
    right: -46px;    font-size: .9em;
    line-height: 20px;
  }
  #popUp{ padding: 5% 6% 4%; width: 330px }
  .side-form-title{ margin-bottom: 10px; }
  .form-group {
      margin-bottom: 8px;
  }
  .whats-app{ width: 45px; right: 10px; }
  .eq-ht{display: block;}
  .hero-text-area{ position: unset; transform: unset; width: 100% }
  .side-form-title{ margin-bottom: 10px; }

  .submit-btn1{ padding: 6px 20px }
  .sexy-menu{padding: 30px 0}

  .bnr-btns {
    margin-top: 0;
  }
  .abt-con .col-md-3{display: none;}
  .welcome-detail {
    padding-left: 0;
  }
  .centera-logo{ width: 150px;     margin: 0px auto 1.2em;}
  .li-rt:before{     width: 25px;
    height: 15px; }
    li .sub{ font-size: 1.1em }
  .proj-ul .li-rt{ padding-left: 50px;     font-size: 1.1em;}
  .pro-fet{ padding: 15px 20px  }
  .proj-ul li{     padding-bottom: 15px; }
  .bnr-btn{ padding: 11px 10px; border-radius: 5px;   font-size: .9em;     width: 43%;}
  .rhinestone-logo{ width: 80%}
  .r-stone{padding: 5px 0px}
  .rt-div {
      width: 130px; top:39% 
  }
  .abt-container {
      padding: 30px 0 0;
  }
  .welcome-title2{
      font-size: 1.5em;
    line-height: 22px;
  }
  .loc-row {
    margin-top: 1em;
    margin-bottom: 2.5em;
  }
  .loc-img,.location-map,.loc-row2,.videos {
    margin-bottom: 2.5em;
  }
  .owl-theme .owl-nav .owl-prev {
    right: 7%;
  }
  .owl-theme .owl-nav [class*=owl-]{ top: -45px }
  .floor-row .col-md-4 {
    width: 33%;
    float: left;
  }
  .loc-row2 .col-md-6:nth-child(2), .loc-row3 .col-md-6:nth-child(2), .loc-row .col-md-6:nth-child(2) {
    padding-left: 15px;
  } 
  .loc-row2 .col-md-6:nth-child(1), .loc-row3 .col-md-6:nth-child(1), .loc-row .col-md-6:nth-child(1){
    padding-right: 15px;
  }
  .plan-title{font-size: .9em}

  .welcome-title{
        font-size: 1.4em;
    line-height: 22px;
  }
  .welcome-detail-title2 {
    margin-bottom: 10px;
  }
  .welcome-detail p+p {
    margin-top: 1em;
  }
  .abt-two{text-align: left;}
  .addition-services {
    padding: 30px 0;        overflow: hidden;
  }
  .ad-row .col-md-4 {
      width: 50%; float: left;
  }
  .ad-row {
    margin-top: 2em; display: flex;
  }
  .am-title{ font-size: 1em; }
  .ad-item{     margin-bottom: 1em; }
  .img-icon{width: 40px !important}
  .am-bg{ padding: 30px 0 30px}
  .am-row {
    margin-top: 2em;
  }
  .loc-row3 .col-md-6:nth-child(1),.loc-row3 .col-md-6:nth-child(2){ width: 100% }
  .owl-theme .owl-nav [class*=owl-]{ height: 30px; width: 30px; }
  .owl-nav .owl-prev:before,.owl-nav .owl-next:before{
    width: 22px;
      height: 12px
  }
  .box-group.gallery-box img,.location-map iframe{ height: 190px }
  .play {
      width: 50px;
  }
  .box-group.gallery-box2 img{height: 210px}
  .videos:before{ display: none; }
  .hero-text-area.btm-area .bnr-btn {
      width: 45%;
  }
  .loc-row3 {
    margin-bottom: 4em;
  }
  .hero-text-area.btm-area{ width: 100% }

.footer-bottom-container{padding-bottom: 60px;}

 .contact-container {
    padding: 30px 0 30px;
}
.abt-main {
    padding-right: 0;
}
.welcome-title1{     font-size: 1.5em;
    line-height: 25px; }
.abt-main-row .col-md-8,.abt-main-row .col-md-4 {
    padding: 0;
}
.in-contact-page-content{margin-top: 1em; padding: 26px 40px}
.in-contact-page-content .col-md-12 {
    width: 50%;
    float: left;
}
.in-contact-page-content  .col-sm-12 {
        width: 100%;
    }

.b-logoimg {
    width: 90px;
    display: flex;
    align-items: center;
}
.b-logo{ right: 5% }
.b-logo2{left: 5%}
.proj-top .col-md-6 {
    width: 50%;
    float: left;
}
.bnr-txt{ font-size: 1em; line-height: 22px; }
}

 @media  (max-width: 768px){ 
.ready-to-move{ width: 100px }
.rera-img {
    width: 60px;
}

  .row.abt-con.center .col-md-9{padding: 0}
.logo{
  transform: translate(-50%,0%); left: 50%
}
.header-phone{display: none;}
.nav-brand img {
    display: flex;
    align-items: center;
}

 .desk-view{
       display: none !important 
  }
   .mob-view{
       display: block !important; width: 100% 
  }
.center{display: block;}
.home-img {
    height: 100vh!important;
    width: 100%;
    object-fit: cover;
}

}



 @media (min-width:769px) and (max-width:991px){
      body,li {
       font-size:14px !important;
  }
   .d-container{
         width:100%;
         padding-left: 3%;
         padding-right: 3% 
    }
 
 p{font-size: 1em}
    .nav-brand img {
    width: 65%;
    margin-top: 6px;
}
.rera-img {
    width: 70px;
}
.header-phone{font-size: 1.1em}
  .side-btn {
    padding: 6px 15px;
    right: -46px;    font-size: .9em;
    line-height: 20px;
  }
  .bnr-txt{ font-size: 1em; line-height: 22px; }
  #popUp{ padding: 5% 6% 4%; width: 330px }
  .side-form-title{ margin-bottom: 10px; }
  .form-group {
      margin-bottom: 8px;
  }
  .whats-app{ width: 45px; right: 10px; }
  .eq-ht{display: block;}
  .hero-text-area{ width: 45%; left: 4%; }
  .side-form-title{ margin-bottom: 10px; }

  .submit-btn1{ padding: 6px 20px }
  .sexy-menu{padding: 20px 0}

  .abt-con .col-md-3{display: none;}
  .welcome-detail {
    padding-left: 0;
  }
  .centera-logo{ width: 140px;     margin: 0px auto 10px;}
  .li-rt:before{     width: 25px;
    height: 15px; }
    .sq-ft{     margin-top: 0.5em; font-size: 1em;     padding: 7px 20px }
    li .sub{ font-size: 1em }
  .proj-ul .li-rt{ padding-left: 40px;     font-size: .9em;}
  .pro-fet{ padding: 15px 20px  }
  .proj-ul li{     padding-bottom: 10px; }
  .bnr-btn{ padding: 6px 6px; border-radius: 5px;   font-size: .8em;    }
  .rhinestone-logo{ width: 80%}
  .r-stone{padding: 5px 0px}
  .rt-div {
      width: 130px;
  }
  .abt-container {
      padding: 30px 0 0;
  }
  .welcome-title2{
      font-size: 1.5em;
    line-height: 22px;
  }
  .loc-row {
    margin-top: 1em;
    margin-bottom: 2.5em;
  }
  .loc-img,.location-map,.loc-row2,.videos {
    margin-bottom: 2.5em;
  }
  .owl-theme .owl-nav .owl-prev {
    right: 7%;
  }
  .owl-theme .owl-nav [class*=owl-]{ top: -45px }
  .floor-row .col-md-4 {
    width: 33%;
    float: left;
  }
  .loc-row2 .col-md-6:nth-child(2), .loc-row3 .col-md-6:nth-child(2), .loc-row .col-md-6:nth-child(2) {
    padding-left: 15px;
  } 
  .loc-row2 .col-md-6:nth-child(1), .loc-row3 .col-md-6:nth-child(1), .loc-row .col-md-6:nth-child(1){
    padding-right: 15px;
  }
  .plan-title{font-size: .9em}

  .welcome-title{
        font-size: 1.4em;
    line-height: 22px;
  }
  .welcome-detail-title2 {
    margin-bottom: 10px;
  }
  .welcome-detail p+p {
    margin-top: 1em;
  }
  .abt-two{text-align: left;}
  .addition-services {
    padding: 30px 0;        overflow: hidden;
  }
  .ad-row .col-md-4 {
            float: left;
        width: 50%;
  }
  .ad-row {
    margin-top: 2em; display: flex;
  }
  .am-wrap {
    margin-bottom: 2em;
}
  .am-title{ font-size: 1em; }
  .ad-item{     margin-bottom: 1em; }
  .img-icon{width: 40px !important}
  .am-bg{ padding: 30px 0 30px}
  .am-row {
    margin-top: 2em;
  }
  .loc-row3 .col-md-6:nth-child(1),.loc-row3 .col-md-6:nth-child(2){ width: 100% }
  .owl-theme .owl-nav [class*=owl-]{ height: 30px; width: 30px; }
  .owl-nav .owl-prev:before,.owl-nav .owl-next:before{
    width: 22px;
      height: 12px
  }
  .box-group.gallery-box img,.location-map iframe{ height: 190px }
  .play {
      width: 50px;
  }
  .box-group.gallery-box2 img{height: 210px}
  .videos:before{ display: none; }
  .hero-text-area.btm-area .bnr-btn {
      width: 45%;
  }
  .loc-row3 {
    margin-bottom: 4em;
  }
  .hero-text-area.btm-area{ width: 44%;    left: 5%; }


 .contact-container {
    padding: 30px 0 30px;
}
.abt-main {
    padding-right: 0;
}
.welcome-title1{     font-size: 1.5em;
    line-height: 25px; }
.abt-main-row .col-md-8,.abt-main-row .col-md-4 {
    padding: 0;
}
.in-contact-page-content{margin-top: 1em; padding: 26px 40px}
.in-contact-page-content .col-md-12 {
    width: 50%;
    float: left;
}
.in-contact-page-content  .col-sm-12 {
        width: 100%;
    }
    .row.center.abt-main-row{display: block;}

    .b-logoimg {
    width: 90px;
    display: flex;
    align-items: center;
}
.b-logo{ right: 5% }
.b-logo2{left: 5%}
.proj-top .col-md-6 {
    width: 50%;
    float: left;
}

}
 @media (min-width:992px) and (max-width:1022px){
   body,li {
       font-size:14px !important;
  }
   .d-container{
         width:100%;
         padding-left: 4%;
         padding-right: 4% 
    }
    .nav-brand img{width: 60%}
     .nav-brand img{width: 60%}
  .whats-app{width: 45px}
  #button{ line-height: 40px;width: 40px;height: 40px; }
.rera-img {
    width: 70px;
}
.sexy-menu{ padding: 20px 0 }
.centera-logo{ width: 150px;     margin: 0px auto 1.2em;}
.li-rt:before{     width: 25px;
    height: 15px; }
    li .sub{ font-size: 1.1em }
.proj-ul .li-rt{ padding-left: 40px;     font-size: 1.1em;}
.pro-fet{ padding: 15px 20px  }
.proj-ul li{     padding-bottom: 10px; }
.bnr-btn{padding: 11px 15px; font-size: .9em}
.rhinestone-logo{         width: 65% }
.r-stone{padding: 5px 0px}
.side-btn{ padding: 3px 13px;      right: -47px; font-size: .9em }
.rt-div {
    width: 160px;
}
.abt-container {
    padding: 40px 0 0;
}
.ad-row .col-md-4 {
    width: 31%;
}
.img-icon{width: 35px !important}
.am-bg{ padding: 30px 0 33px }
.owl-theme .owl-nav [class*=owl-]{ height: 30px; width: 30px; }
.owl-nav .owl-prev:before,.owl-nav .owl-next:before{
  width: 22px;
    height: 12px
}
.box-group.gallery-box img,.location-map iframe{ height: 190px }
.play {
    width: 50px;
}
.box-group.gallery-box2 img{height: 228px}
.videos:before{ height: 150px; }
.hero-text-area.btm-area .bnr-btn {
    width: 45%;
}

.plan-title{font-size: .9em}
.hero-text-area{
  left: 5%
}
.sq-ft{     margin-top: 0.5em; }
.in-contact-page-content { padding: 26px 40px}
.row.center.abt-main-row .col-md-4{padding: 0;}

    .b-logoimg {
    width: 100px;
    display: flex;
    align-items: center;
}

}
@media (max-width:992px) {
#button{display: none;}
.contact-container{ padding-top: 0px; }
.contact-container .d-container{ padding-left: 0%; padding-right: 0%;}
.abt-main{padding-left: 5%; padding-right: 5%;}
.abt-pjs {padding: 1em 5%;}
}