@import url('https://fonts.googleapis.com/css2?family=Marcellus+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,800&family=Roboto:ital,wght@0,100;0,300;0,500;0,700;1,500&display=swap');
body{
   font-family: 'Marcellus SC', serif;
    line-height: 1.42857143;
    background: #fff;
    overflow-x:hidden; 
}
.mt-font{font-family: 'Montserrat', sans-serif !important;}
.text-trs{    text-transform: capitalize !important;}
.blue-clr{color: #01485a !important;}
.wtd-auto{width: auto !important;float: none !important;}
.h1, h1 {
    font-size: 2rem;
}

.mt-topinner{margin-top: 173px;}
.ylw-clr{color: #d6a730 !important;}
h1,h2, h3, h4, h5, h6 {
font-family: 'Marcellus SC', serif;
    color: #212529;
    text-transform: uppercase;
    font-weight: bold;
}
.img-logo{   /* position: absolute;*/
    left: 0px;
    top: 19px;
    width: 149px;

    padding: 10px 20px;
}

.tab-venture{}
.tab-venture a {
    color: #173f63;
    font-size: 19px;
    font-weight: 500;
}
.tab-venture .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #d6a730;
    border-color: #dee2e6 #dee2e6 #fff;
}

/*.navgsec{margin-top: 53px;}*/
.desktop_unique {display: block !important;}
.mobile_unique {display:  none  !important;}
.amenities-sec  .owl-nav{   display: none;  font-size: 30px;}
.amenities-sec  .owl-carousel .owl-dot, .amenities-sec .owl-carousel .owl-nav .owl-next, .amenities-sec .owl-carousel .owl-nav .owl-prev{background-color:  #fdbd1f !important;}
.amenities-sec .owl-prev{display: inline; margin-right: 12px;}
.amenities-sec  .owl-next{display: inline;}
.amenities-sec .owl-carousel .owl-item img{width: auto; margin:0 auto; text-align: center; display: block;}
.amnit-box {
    display: block;
    padding: 37px 16px;
    border: 1px solid #fdbd1f;
    min-height: 224px;
}
.amnit-box h4 {
    font-size: 19px;
    margin-bottom: 12px;
    text-align: center;
    line-height: 27px;
    font-family: "Poppins",sans-serif;
}

.moduletable{}
.moduletable .owl-nav{margin: 0 auto; display: none;
    text-align: center;}

.moduletable  .owl-carousel .owl-dot, .moduletable .amenities-sec .owl-carousel .owl-nav .owl-next, .moduletable .owl-carousel .owl-nav .owl-prev{background-color:  #fdbd1f !important;}
.moduletable .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev,  .owl-carousel button.owl-dot{padding: 3!important;} 

.eventsecm{}
 .eventsecm .scale-on-hover{height: 200px;}
 .eventsecm img{width: 100%;height: 100%;}
 .eventsecm  .gallery-block .g-box{min-height: auto !important;}

.address-sec {
    text-align: center;
    margin: 0 auto 42px;
    padding: 40px 0px;
    border-radius: 14px;
    background-color: #2f8eaa;
}

.address-sec .fa {
    color: #fff;
    font-size: 28px;
}
.address-sec h4 {
    display: block;
    color: #fff;
    margin-bottom: 20px;
}
.address-sec p {
    margin-bottom: 2px;
    color: #fff;
     font-family: "Poppins",sans-serif;
}
.address-sec a {
    color: #fff;
    text-decoration: none;
}
.address-sec a:hover {
    color: #ccc;
    text-decoration: none;
}
.contat-horizon {
    background-color: #2f8eaa;
    padding: 24px 0px;
    min-height: 400px;
}
.contat-horizon h2{font-size: 24px; margin-bottom: 18px; color: #fff;}
.overlay-contact {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(2 79 97);
    /* opacity: 0; */
    /* visibility: hidden; */
}


.overlay {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.4);
    /* opacity: 0; */
    /* visibility: hidden; */
}


 .read-a {
    color: #ffffff;
    padding: 1rem 1.5rem;
    border: 2px solid #2eca6a;
    border-radius: 50px;

    text-transform: uppercase;
  }
    

 .read-a:hover;{-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
    transition: all 0.3s;
background: #ccc;}
.carousel-inner{overflow-wrap: unset;margin-top: 144px;}
.carousel-item {
 /* height: 100vh;
  min-height: 300px;*/
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.carousel-caption {
    bottom: 242px;
  
}
.carousel-caption h5 {
    font-size: 45px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 25px;
    color: #fff;
}

.carousel-caption p {
  width: 75%;

  font-size: 18px;
  line-height: 1.9;
}
.header{}
.header .fixed-top{position: absolute;top: 0px; background: #fff; border-bottom: 1px solid #ccc;}
.navbar-light .navbar-brand {
  color: #fff;
  font-size: 25px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
  color:#562626;

}
.navbar-light .active  {
  border-top: 2px solid #d6a730;
}

.navbar-light .navbar-nav .nav-link {
  color: #176179;
      padding-right: 1rem;
    padding-left: 1rem;

    font-size: 18px;
}

.navbar-toggler {
  background: #fff;
}

.navbar-nav {
  text-align: center;
}

.nav-link {
  padding: .2rem 1rem;
}

.nav-link.active,.nav-link:focus{
  color: #fff;
}

.navbar-toggler {
  padding: 1px 5px;
  font-size: 18px;
  line-height: 0.3;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #562626;
}


.dropdown-menu {
    display: block;
    opacity: 0;
    display: none;
  /*  visibility: hidden;*/
    transform: translateY(20%);
    transition: all .5s;
        background: #08627c;
}
.dropdown:hover .dropdown-menu{
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.6rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    border-bottom: 1px solid #627f89;
    color: #fff;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    /* border: 0; */
}

 .sub-arrow {
    font-family: FontAwesome;
    font-size: 12px;
    line-height: 1;
    margin-left: 6px;
    text-align: center;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0;
}
.sub-arrow:before {
    content: "";
}
.header .dropdown-toggle::after{content: none;}


.about-us {}

.sub-title{    color: #d6a730;     font-size: 29px; line-height: 1.25;}

.about-us h1 {
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 700;
    font-size: 27px;
    line-height: 1.4;
    color: #414141;
}
.counter-number {
    color: #D6A730;
    font-size: 80px;
}

.counter-title {
    color: #000000;
    font-size: 20px;
    font-weight: 600;}

   .heading {
    font-size: 26px;
    text-align: left;
    color: #117798 !important;
    position: relative;
}
 .heading2 {
    font-size: 33px;
    text-align: left;
    color: #117798 !important;
    position: relative;
    /* text-transform: unset; */
    text-transform: unset;
}

   .heading3 {
    font-size: 26px;
    text-align: left;

    position: relative;
}
.paratxt {
    color: #221a1a;
    line-height: 27px;
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
    font-weight: 500;
}
.read-more {
    font-family: 'Poppins', sans-serif;
    background: transparent !important;
    border: 1px solid #bd9234!important;
    font-weight: 700;
    color: #bd9234!important;
}



.sticky-button {
     left: auto;
    right: 4%;
    position: fixed;
    bottom: 0;
    /* width: 100%; */
    /* height: 100px; */
    padding-top: 20px;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Lato', 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: 24px;
    font-weight: 400;
    color: #000;
    z-index: 11;

}
   

.emi-btn {
     background-color: #519141 !important;
    color: #fff !important;
    border: 1px solid #071c35;
   
    font-weight: 700;
    font-size: 15px !important;
    border-radius: 2px;
    padding: 13px 15px;
    line-height: 24px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
}



.inner-strip{}

.inner-strip .overlay {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #39979d;
    /* opacity: 0; */
    /* visibility: hidden; */
}

.featured-project{display: block; background: #eee;}

.box {

  background-color:#fff;
  position: relative;
}

/*.box:first-of-type:before {
  content: "Featured";
  background-color:#117798;
  color: white;
  font-size: 13px;
  padding: 4px 10px;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-50%);
  z-index: 1;
}*/

/* .box:first-of-type:after {
  content: "";
  border-width: 12px;
  border-style: solid;
  border-color: transparent transparent transparent #117798;
  position: absolute;
  left: 72px;
  top: 0;
  transform: translateY(-50%);
}
*/
.box .top {
  position: relative;
  background-color: red;
}

 .box .top:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(17, 119, 152, 0.829);
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.3s;
  opacity: 0;
}

.box .top:hover:before {
  opacity: 1;
}

 .box .top:after {
  content: "View Property";
  color: white;
  font-size: 12px;
  padding: 10px;
  border: 1px solid white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  transition: 0.3s;
  opacity: 0;
}

.box .top:hover:after {
  opacity: 1;
}

 .box .top img {
  width: 100%;
  margin-bottom: -4px;
}

.box .top span {
  position: absolute;
  right: 20px;
  bottom: 15px;
  color: white;
  font-size: 20px;
}

 .box .top span i {
  margin-left: 5px;
}

 .box .bottom {
  padding: 20px 15px;
  position: relative;
}

 .box:not(:last-of-type) .bottom:before {
  content: "Hot";
  background-color: #ea723d;
  color: white;
  font-size: 11px;
  padding: 4px 7px;
  position: absolute;
  left: 20px;
  top: -40px;
  z-index: 1;
}

.box .bottom h3 {
    font-size: 21px;
    text-align: center;
    line-height: 31px;
    font-weight: normal;
}

.box .bottom > p {
    margin: 15px 0;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16.3px;
    line-height: 1.4;
    color: #777;
}

.box .bottom .advants {
  display: flex;
}

.box .bottom .advants > div {
  margin-right: 15px;
}

.box .bottom .advants > div > span {
  font-weight: bold;
  font-size: 15px;
}

 .box .bottom .advants > div > div {
  margin-top: 10px;
  display: flex;
  align-items: center;
}

.box .bottom .advants > div > div i {
  color: #777;
  font-size: 22px;
}

 .box .bottom .advants > div > div > span {
  font-size: 15px;
  font-weight: bold;
  margin-left: 10px;
}

 .box .bottom .advants > div > div > span > span {
  color: #777;
  font-weight: normal;
  margin-left: 5px;
}

.box .bottom .price {
  margin-top: 20px;
}

.box .bottom .price span:first-of-type {
  display: block;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 5px;
}

.box .bottom .price span:last-of-type {
  color: #3eaba1;
  font-size: 22px;
}


#virtual_bg {
    background: #00030c;
    background: -moz-linear-gradient(left,#363636 0%,#00030c 100%);
    background: -webkit-linear-gradient(left,#363636 0%,#00030c 100%);
    background: linear-gradient(to right,#363636 0%,#00030c 100%);
    background-image: url(../images//bg1-h1.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#virtual_bg h2 {
   color: #fff;
    font-size: 42px;
    font-weight: 700;
    text-transform: initial;
    text-rendering: optimizeLegibility;
    line-height: normal;
}

.gclr{color: #b2b9bf !important;}


.partner  {
    background: #fff;
    background: #fff url(../images/partner.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding-left: 10px;
    padding-right: 10px;
}


.ft{font-size: 20px;}



.gradient {
  background-image: linear-gradient(
    to bottom,
    rgba(243, 244, 246, 0.1),
    rgba(0, 0, 0, 0.7)
  );
}

.group:hover .group-hover\:translate-y-0 {
  transform: translateY(0);
}


.testimonil-sec{background-color: #000; position: relative; display: block;}
.sec-title {
    margin-bottom: 50px;
    padding-bottom: 15px;
    position: relative;
}
.sec-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 3px;
 /*   background: #000;*/
}
.sec-title h2 {
    font-size: 42px;
    font-family: "Montserrat", sans-serif;
    font-weight: 900;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: var(--blue);
}

.sec-title2 {
    margin-bottom: 50px;
    padding-bottom: 15px;
    position: relative;
}
.sec-title2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 3px;
    background: #719da9;
}
.sec-title2 h2 {
    font-size: 42px;
    font-family: "Montserrat", sans-serif;
    font-weight: 900;
    letter-spacing: 0px;
    text-transform: uppercase;
  
}
.sec-title p {
    font-size: 18px;
    line-height: 28px;
}
.testimonial-area {
    background:#dfe4e5;
    position: relative;
    z-index: 2;
    padding: 50px 0;
}
.testimonial-area .owl-carousel {
    overflow: hidden;
    padding: 0 20px;
    margin: 0px -40px;
    padding-right: 40px;
}
.testimonial-area .owl-stage-outer {
    padding: 30px 50px;
    margin-left: -34px;
    width: calc(100% + 100px);
}
.single-testimonial {
    border: 7px solid #01485a;
    text-align: center;
    border-radius: 45px;
    position: relative;
    z-index: 2;
}
.single-testimonial p {
    color: #000;
    font-size: 17.4px;
    line-height: 24px;
    font-family: 'Montserrat', sans-serif !important;
    padding: 50px;
    padding-bottom: 30px;
    position: relative;
    z-index: 3;
}
/*.single-testimonial::before {
    content: "";
    position: absolute;
    left: -35px;
    top: -35px;
    background: url(../images/q1.png) no-repeat;
    background-size: 60%;
    width: 126px;
    height: 100px;
    transform: rotate(180deg);
    background-position: 34px 15px;
}
.single-testimonial::after {
    content: "";
    position: absolute;
    right: -35px;
    bottom: -34px;
       background: url(../images/q2.png) no-repeat;
    background-size: 60%;
    width: 126px;
    height: 100px;
    background-position: 34px 19px;
}*/
.round {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
.round-1::before {
    content: "";
    position: absolute;
    left: 88px;
    top: -7px;
    width: 50px;
    height: 7px;
    background:#01485a;
    border-radius: 30px;
}
.round-1::after {
    content: "";
    position: absolute;
    left: -7px;
    top: 62px;
    width: 7px;
    height: 50px;
    background: #01485a#fff;
    border-radius: 30px;
}
.round-2::before {
    content: "";
    position: absolute;
    right: 87px;
    bottom: -7px;
    width: 50px;
    height: 7px;
    background: #fff;
    border-radius: 30px;
    z-index: 1;
}
.round-2::after {
    content: "";
    position: absolute;
    right: -7px;
    bottom: 62px;
    width: 7px;
    height: 50px;
    background: #fff;
    border-radius: 30px;
    z-index: 1;
}
.client-video {
    padding-right: 15px;
}
.client-video img{    width: 100px;
    height: 100px;
    border-radius: 50%;}

.client-info {
    position: relative;
    z-index: 3;
}
.client-info a {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
    font-size: 22px;
}
.client-info {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    padding-bottom: 50px;
}
.client-info h6 {
    color: #000;
    font-weight: 700;
    font-size: 18px;
    color: #01485af;
}
.client-info span {
    display: inline-block;
    color: #01485a;
    font-size: 12px;
}
.sec-title.white-title h2 {
    color: #fff;
}
.owl-dots button {
    background: #01485a !important;
    width: 10px;
    height: 10px;
    border-radius: 26px;
    margin: 0 5px;
    transition: 0.3s;
}
.owl-dots {
    text-align: center;
  }
.owl-dots button.active {
    width: 30px;
}
.owl-dots button.active {
    width: 30px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
}


#myModalpopup{}
#myModalpopup .carousel-item{height: auto !important;}
#myModalpopup  .modal-content{border: 0px !important; background: none !important;} 
#myModalpopup .modal-header{border: 0px !important;}


@media (min-width: 992px){
    #myModalpopup .modal-lg, .modal-xl {
    /* max-width: 800px; */
    width: auto;
}
}



.closebutton {
    position: absolute;
    right: 5px;
    color: #fff;
    opacity: unset;
    width: 20px;
    height: 20px;
    font-size: 12px;
    z-index: 999999;
    padding: 4px !important;
    top: 7px;
    border-radius: 100%;
    text-shadow: none;
    background-color: #d11111 !important;
}

@media (min-width: 992px){
    #myModalpopup .modal-lg, .modal-xl {
    max-width: 502px;
}
}



/*****completed projects css****/
.gallery-block.grid-gallery{
  padding-bottom: 60px;
  padding-top: 60px;
}

.gallery-block.grid-gallery .heading{
    margin-bottom: 50px;
    text-align: center;
}

.gallery-block.grid-gallery .heading h2{
    font-weight: bold;
    font-size: 1.4rem;
    text-transform: uppercase;
}

.gallery-block.grid-gallery a:hover{
  opacity: 0.8;
}

.gallery-block.grid-gallery .item img{
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  transition: 0.4s;
}

.gallery-block.grid-gallery .item{
  margin-bottom: 20px;
}
.gallery-block .g-box
{
    min-height: 354px;
}

.gallery-block .g-box h4 {
   font-size: 21px;
    text-align: center;
    line-height: 31px;
    margin-top: 22px;
    font-weight: normal;
}

@media (min-width: 576px) {

  .gallery-block.grid-gallery .scale-on-hover:hover{
    transform: scale(1.05);
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15) !important;
  }
}



/*****new csss****/

.bg-grey { background-color: #ecedef }
.link { color: #666; font-size: 18px; padding-top: 10px; position: relative; z-index: 2 }
.top-bar { background: #232323; width: 100% }
.top-bar .search input { background: none; padding: 3px; border: none; color: #fff; width: 100% }
.top-bar .search label { display: none }
.navbar-wrapper { margin: 40px 0 20px }
.navbar-wrapper h1.logo { margin-bottom: 25px }
.list-ongoing li { overflow: hidden; margin-bottom: 20px }
.list-ongoing p { margin: 0 }
.list-ongoing li a, .list-project a { color: #1d1c1c }
.list-project h4, .list-ongoing li h4 { margin-bottom: 10px; font-size: 18px; margin-top: 30px }
.list-ongoing li a h4, .list-project a h4 { color: #000; position: relative; font-weight: 600 }
.list-ongoing li a h4:before, .list-project a h4:before { background: #333; content: ""; display: block; height: 1px; top: -20px; position: absolute; transition: width .3s ease 0; width: 0 }
.list-ongoing li a:hover h4:before, .list-project a:hover h4:before { width: 70px }
.list-ongoing .img { float: left; width: 58% }
.list-ongoing .desc { padding: 20px; float: left; width: 42% }
.ovhidden, .moduletable { overflow: hidden }
.list-testimonials { margin-bottom: 28px; overflow: hidden }
.list-testimonials li { margin-bottom: 20px }
.list-project { overflow: hidden; margin-bottom: 30px }
.list-project .img { float: left; width: 100% }
.list-project .desc { padding: 20px; float: left; width: 100% }
.list-project p { margin: 0 0 10px }
.list-project .img img { width: 100% }
.offer-wrapper { background: url(../images/home-sure.jpg) left top no-repeat; background-size: cover; color: #999; margin-bottom: 20px; max-height: 443px; padding: 30px 25px }
.offer-wrapper p { margin: 0; line-height: 24px }
.offer-wrapper .logo-wrap span { display: block; width: 100%; color: #fff; line-height: 20px }
.offer-wrapper .logo-wrap img { margin-bottom: 10px; clear: both }
.offer-wrapper .logo-wrap { margin-bottom: 20px; clear: both }
.offer-wrapper .logo-wrap.marginless { margin-top: -20px }
.team-wrapper { overflow: hidden; margin-bottom: 20px }
.team-wrapper .img { overflow: hidden; position: relative; padding: 15px 15px 0 15px; }
.team-wrapper .img img { float: left; border-radius: 50%; width: 170px; }
.team-wrapper .img .leadersName { float: left; margin-top: 130px; margin-left: 15px }
.team-wrapper .desc { padding: 0 20px 30px 20px }
.team-wrapper .img > h4 { font-size: 18px }
.team-wrapper .img > h5 { margin-bottom: 25px }
.team-wrapper p { margin: 0 }
.testimonial-wrapper { position: relative; color: #666; padding: 12px; margin-bottom: 20px }
.testimonial-wrapper p { margin: 0 }
.testimonial-wrapper p:before { position: absolute; left: 20px; top: 25px; content: ''; background: url(../images/quote.png) left top no-repeat; width: 60px; height: 50px }
.testimonial-wrapper span { display: inline-block; width: 70px }
.testimonial-wrapper > h5 { margin: 0; text-align: left }
.highlight-wrapper { background: #f7f7f7; padding: 80px 0 50px 0; color: #999; width: 100%; display: table; height: 400px }
.highlight-wrapper-inner { display: table-cell; vertical-align: middle; width: 100%; text-align: center }
.highlight-wrapper .nav-wrapper.horizontal { position: absolute; bottom: -120px; width: 100%; }
.highlight-wrapper h4 { color: #fff; text-transform: uppercase; font-size: 22px; margin-bottom: 60px }
.highlight-wrapper ul { margin: 0 auto }
.list-highlight .img { min-height: 30px }
.list-highlight .desc { margin-top: 20px }
.list-highlight .border { border-right: 1px solid #757674; border-bottom: none; border-top: none }
.list-highlight .border.border_l_0 { border-left: none }
.list-highlight > li { display: inline-block; font-size: 13px; line-height: 18px; padding: 0 20px; text-align: center; width: 26%; margin-bottom: 40px; }
.blog .leading { background: #f5f5f5; margin-bottom: 20px; overflow: hidden; padding: 20px }
.blog .items-row.cols-1 { background: #f5f5f5; margin-bottom: 20px; overflow: hidden; padding: 20px }
.blog .newslist-wrapper .date { float: left; width: 12% }
.blog .newslist-wrapper .desc { float: left; width: 88% }
.blog .newslist-wrapper .desc h3 { font-size: 16px; margin: 0 0 10px }
.blog .newslist-wrapper .desc h3 a, .btn-link-small { color: #000 }
.blog .newslist-wrapper .desc > p { margin: 0 0 10px }
.newslist-wrapper b { display: block; font-size: 50px; font-weight: 400; margin-bottom: 10px }

.copyright { background: #232323; color: #666; border-top: 1px solid #343434; font-size: 11px; padding: 4px 0 }
.overview-text { padding: 45px }
.overview-text p {
    margin: 29px 0 20px;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif !important;
}
.min-hetfab{min-height: 234px !important;}
.container-full { width: 100%; margin: 0 auto; max-width: 1400px }
.container-full img { width: 100% }
.container-full .tabContentActive { max-height: 350px }
.col-left { float: left; width: 63% }
.col-right { float: left; width: 34.6%; margin-left: 2.4% }
.titleOffest { margin-left: 0 }
.project-media { overflow: hidden; width: 100%; margin-bottom: 40px!important }
#myCarousel3 .nav-wrapper { margin: 20px 18% 0 2px }
.list-tabs { border: none }
.list-tabs li { margin-right: 40px; display: inline-block; margin-bottom: 15px }
.list-tabs li a { font-size: 25px; color: #666; padding: 10px 40px 10px 0; border-top: 1px solid #fff; display: block }
.list-tabs li.tabLinkActive a { color: #000; border-top: 1px solid #000; border-color: #000 }
.list-address > li { margin-bottom: 5px }
.list-awards li { width: 33%; float: left; margin-bottom: 20px }
.list-awards img { width: 90% }
.spec-wrapper { padding: 45px 45px 25px }
.amenties-wrapper { overflow: hidden; margin-bottom: 20px }
.amenties-wrapper img { float: left; width: 50% }
.amenties-wrapper > ul { width: 50%; float: left; padding: 15px; overflow: auto; max-height: 460px }
.amenties-wrapper.new > ul {list-style: none; width: auto; float: none; padding: 20px; overflow: auto; max-height: 100%; }
.amenties-wrapper.new > ul > li{ margin: 15px 0;
 background: url(../images/bullet-icon.jpg) no-repeat left top 6px;
  padding-left: 20px; width: 33%; float: left; text-transform: uppercase;
   color: #000000; font-weight: 500;min-height:210px;}
.amenties-wrapper.new.width50 > ul > li{ width:50%}
.amenties-wrapper.new > ul > li > ul{     margin-top: 26px;
    padding-left: 0px;}
.amenties-wrapper.new > ul > li > ul > li{ margin-bottom: 12px; font-family: 'Montserrat', sans-serif !important;font-size: 16px; color: #666666; text-transform: none; font-weight: normal; line-height: 18px;}
.amenties-wrapper.new > ul > li > ul > li span{ font-size: 24px; line-height: 20px;vertical-align: text-top; display: inline-block; height: 10px;}
.amenties-wrapper .list-bullet li { margin-bottom: 15px }
.highlights-wrapper{ padding:30px 20px; min-height: 366px;}
.highlights-wrapper .listStyle{list-style: none;}
.highlights-wrapper .listStyle > li{ margin-bottom: 22px;font-family: 'Montserrat', sans-serif !important; background: url(../images/bullet-icon.jpg) no-repeat left top 6px; padding-left: 20px; color: #000000; font-weight: 500;}
.scrollbar { height: 400px }
.mCSB_scrollTools { width: 24px }
.nav-wrapper { position: relative }
.nav-wrapper span { background: #666; height: 1px; left: 0; display: block; margin-top: 14px; position: absolute; width: 100%; z-index: 1 }
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .carousel-control.left, .carousel-control.right { background-position: center 10px; background-repeat: no-repeat; width: 35px; font-size: 1px; position: static; float: right; height: 12px; background-color: #666; padding: 15px 12px; opacity: 1; z-index: 2; position: relative }

.detailsConfig{}
.detailsConfig ul{}
.detailsConfig ul li{width: 25%; float: left; color: #666666; font-size: 12px; line-height: 14px;}
.detailsConfig ul li  span {font-size: 15px; color: #000000; font-weight: 500; line-height: 16px; display: block; margin-bottom: 5px;}

.carousel-control.left:hover, .carousel-control.right:hover { background-position: center -28px }
.mCSB_scrollTools .mCSB_buttonUp, .carousel-control.left { background-image: url(../images/icon-up.png) }
.mCSB_scrollTools .mCSB_buttonDown, .carousel-control.right { background-image: url(../images/icon-down.png) }
.nav-wrapper.horizontal .carousel-control.right { background-image: url(../images/icon-next.png); background-position: -27px center }
.nav-wrapper.horizontal .carousel-control.left { background-image: url(../images/icon-prev.png); background-position: 8px center }
.tabContent { display: none }
.tabLink, .tabLinkActive, .tabContentActive { display: block }
.enquiry-form .rsform-upload-box, .enquiry-form .rsform-input-box, .enquiry-form .rsform-text-box, .enquiry-form .rsform-select-box { width: 100%; background-color: #ecedef; border: none; padding: 25px }
.enquiry-form .rsform-select-box { padding: 28px 25px }
.enquiry-form .rsform-text-box { min-height: 150px }
.enquiry-form > div { margin-bottom: 20px }
.enquiry-form label { font-weight: 400 }
.enquiry-form input[type="checkbox"], .enquiry-form input[type="radio"] { display: inline-block; line-height: normal; margin: 0 8px 0 0 }
.enquiry-form .selectWrapper label { float: left; width: 33.3333% }
.selectWrapper label:first-child, .selectWrapper label:nth-child(3) { width: 34.5% }
.selectWrapper label:nth-child(2) { width: 34% }
.selectWrapper label:nth-child(4) { width: 30% }
.select-group.txt_select4 { width: 34% }
.selectWrapper label:nth-child(5) { width: auto }
.enquiry-form .formError { bottom: -18px; color: #cf4d4d; font-size: 10px; left: 15px; position: absolute; line-height: normal; padding: 3px; font-weight: 400; display: inline-block }
.box-highlights { padding: 30px; background: #f5f5f5 }
.list-social { margin: 2px 0; padding: 0 }
.list-social img { height: 16px }
.list-social li { display: inline-block; margin: 0; padding: 0 3px }
.list-spec {border-right: 1px dotted #000;
    margin-right: 10px;
    list-style: none;
    padding-left: 0px; }
.list-spec li { margin-bottom: 20px; background: url("../images/bullet-icon.jpg") no-repeat left top 6px; padding-left: 20px;}
.list-spec li a { color: #666 }
.list-spec li a.activeTab { color: #000 }
.list-bullet li { margin-bottom: 10px; padding-left: 20px; color: #000; position: relative }
/*.list-bullet li::before { content: '-'; position: absolute; left: 0; font-size: 20px }
*/.list-floor { margin-left: -10px; margin-bottom: 18px; overflow: hidden }
.list-floor li { padding: 10px; width: 50%; float: left }
.list-floor li a {
    display: block;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.list-testimonial { margin-bottom: 15px;list-style: none; }
.list-testimonial li { margin-bottom: 35px }
.list-testimonial li:last-child { margin-bottom: 13px }
.list-testimonial .desc {
    /* display: table-cell; */
    height: 100%;
    float: right;
    width: 40%;
    /* vertical-align: middle; */
}
.list-testimonial.vjupdates a > div { vertical-align: top }
.list-testimonial .photo {
    padding-right: 15px;
    width: 50%;
    float: left;
}
.list-testimonial h4 { margin-bottom: 10px ;font-size: 18px;}
.list-testimonial .desc > p { margin: 0; line-height: 22px; color: #333 }
.list-news-photo { margin-bottom: 23px; overflow: hidden }
.list-news-photo li { margin-bottom: 35px }
.list-news-photo li:last-child { margin-bottom: 13px }
.list-news-photo a { display: table; height: 100%; vertical-align: middle }
.list-news-photo a > div { display: table-cell; height: 100%; vertical-align: middle }
.list-news-photo .photo { padding-right: 15px; width: 38% }
.list-news-photo .desc > p { margin: 0; line-height: 22px; color: #999 }
.list-news-photo .desc > p span { color: #000; display: block; margin-bottom: 3px }
.credai-wrapper { max-height: 490px; overflow: hidden }
.list-logo { margin-bottom: 20px }
.list-logo > li { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #ccc; color: #666; line-height: 22px }
.list-logo > li a { color: #666 }
.list-logo > li .img-logo { margin-bottom: 25px; position: relative }
.list-logo li a .img-logo:after { background: #333; content: ""; position: absolute; bottom: -15px; display: block; height: 1px; transition: width .3s ease 0; width: 0 }
.list-logo li a:hover .img-logo:after { width: 70px }
.list-logo > li a .desc span { color: #000; display: block; font-weight: 600 }
.list-logo > li:last-child { margin: 0; padding: 0; border: none }
.list-news li { font-size: 14px; line-height: 22px; width: 100%; margin-bottom: 22px; overflow: hidden }
.list-news li a, .list-updates li a { color: #000 }
.list-news img { float: left; padding-right: 20px }
.list-updates li { border-bottom: 1px solid #666; margin-bottom: 20px; padding-bottom: 25px; font-size: 14px; line-height: 22px }
.list-updates li:last-child { border: none }
.list-status { margin-left: -12px }
.list-status > li { float: left; margin-bottom: 20px; padding: 0 9px; width: 50% }
.list-document li { margin-bottom: 22px }
.list-document li a { background: url(../images/icon-document.png) left top no-repeat; display: block; padding: 10px 0 30px 60px; color: #000 }
.list-blog li { margin-bottom: 18px; overflow: hidden; width: 100% }
.list-blog li:last-child { border: none }
.list-blog li a { display: block; color: #CCC }
.list-blog li img { float: left; padding-right: 10px }
.table.table-location { margin-top: 20px }
.table.table-location td { padding: 8px 5px; font-size: 14px; border: none; border-right: 1px dashed #333 }
.table.table-location td:last-child { border: none; padding-left: 20px }
.location-wrapper { margin-bottom: 40px!important }
.txt-content { padding: 20px 20px 0 }
.no-bg { background-image: none!important }
.ivory-layout-bg { background: url(../images/project/park-ivory/layout-bg.html) center top no-repeat; background-size: cover }
.ivory-about-bg { background: url(../images/banner/home-nri.html) center bottom no-repeat; background-size: 100% auto }
.phrases, fieldset.only, .result-category, .result-created { display: none }
.form-limit { float: left; margin-bottom: 30px; text-align: right; width: 30% }
.searchintro { float: left; width: 70% }
.result-title > a { color: #333; font-weight: 600 }
.result-text { margin-bottom: 20px }
.word > label { font-weight: 300 }
.shadow { -webkit-box-shadow: 0 0 8px 2px #666; -moz-box-shadow: 0 0 8px 2px #666; box-shadow: 0 0 8px 2px #666; position: relative; z-index: 20 }
.carousel.vertical .carousel-inner .item { -webkit-transition: .6s ease-in-out top; -moz-transition: .6s ease-in-out top; -ms-transition: .6s ease-in-out top; -o-transition: .6s ease-in-out top; transition: .6s ease-in-out top }
.carousel.vertical .active { top: 0 }
.carousel.vertical .next { top: 100% }
.carousel.vertical .prev { top: -100% }
.carousel.vertical .next.left, .carousel.vertical .prev.right { top: 0 }
.carousel.vertical .active.left { top: -100% }
.carousel.vertical .active.right { top: 100% }
.carousel.vertical .item { left: 0 }
.list-project.list-upcoming .desc { min-height: inherit }

.mrtop{margin-top: 70px;}
.mr-lf {margin-left: 120px;}
.mr-lf2 {margin-left: 212px;}
.ft2{font-size: 6rem !important;}
.ht{height: 10em !important;}
.page-project-detail .section-highlight {
    width: auto;
}
.section-highlight {
    margin: 0;
    position: absolute;
    top: -143px;
    z-index: 5;
    left: -97px;
    padding: 20px;
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: translateX(-100%) rotate(-90deg);
    -ms-transform: translateX(-100%) rotate(-90deg);
    transform: translateX(-100%) rotate(-90deg);
    background-color: #0a53a0;
    font-size: 1.6545em;
    font-family: "DIN Next LT Pro";
    color: rgba(255,255,255,0.1);
    text-transform: uppercase;
    height: 7em;
    overflow: hidden;
      background-color: #39979d;
}
.section-highlight .small {
    display: block;
    text-indent: 1em;
    /* padding-top: 1.3em; */
    font-weight: 300;
}

.section-highlight .big {
    display: block;
    font-size: 7.69019500137325em;
    line-height: .85;
    font-weight: bold;
    font-style: normal;
    font-size: 7rem;
    font-stretch: condensed;
    margin-bottom: -0.25em;
}
.project-detail--about {
    overflow: hidden;
}
.container-pb {
    padding-bottom: var(--section-pad-vertical);
}
.container-pt {
    padding-top: var(--section-pad-vertical);
}
.bg-shade {
    background-color: #f7f7f7;
}







@media screen and (max-width: 1024px) {
.offer-wrapper { padding: 25px 17px }
.offer-wrapper p { line-height: 22px; font-size: 14px }
.offer-wrapper .logo-wrap span br { display: none }
.list-project .desc { min-height: 255px }
.amenties-wrapper ul { max-height: 365px }
.list-floor { margin-bottom: 10px }
.col-left { width: 65% }
.col-right { width: 32.6% }
.container-full #myCarousel3 img { min-height: 322px }
.table-bordered { margin-bottom: -1px }
.table-bordered td:first-child { width: 210px }
}




@media screen and (max-width:992px) {
.container { width: 100% }
.tabContentActive { margin-bottom: 30px }
.tabContentActive iframe { height: 530px }
.list-ongoing .img { width: 48% }
.list-ongoing .desc { width: 52% }
.ongoing-wrapper { margin-bottom: 50px }
.list-news-photo .photo { width: 22% }
.team-wrapper .img { width: 23% }
.mobile-bg-grey { background: #eeeff0; padding: 20px; margin-bottom: 30px!important }
#myCarousel4 { margin-bottom: 50px }
.container-full #myCarousel3 img { min-height: 308px }
.container-full .tabContentActive { margin-bottom: 0 }
.spec-wrapper { margin-bottom: 35px }
.amenties-wrapper { margin-bottom: 30px }
.amenties-wrapper ul { max-height: 460px }
.amenties-wrapper .list-bullet li { margin-bottom: 10px }
.list-testimonial { overflow: hidden }
.list-testimonial li { width: 50%; float: left; margin: 0 }
.list-testimonial .photo { width: 47% }
.table.table-location { margin: 30px; max-width: 500px }
.table-location td:first-child { width: 260px }
.table.table-location td:last-child { padding-left: 50px }
.list-social.text-right { text-align: left }
.search { float: right }
}

@media screen and (max-width:820px) {
.mean-container .mean-bar { background: transparent; margin-top: 0; min-height: inherit; padding: 0 }
.mean-container a.meanmenu-reveal span { background: #333; height: 2px }
.mean-container .mean-nav { background: #0c1923; margin-top: 0; width: 100% }
.mobile-menu.mean-container { width: 100% }
.mean-container a.meanmenu-reveal { width: 25px; color: #000; top: -90px; right: 10px!important }
.mean-container .mean-nav ul li a { border: none; color: #fff; display: block; float: left; margin: 0; padding: 12px 1%; text-align: left; text-decoration: none; text-transform: none; width: 98% }
.mean-container .mean-nav ul li { padding: 0; width: 100%; border-bottom: 1px solid #000 }
.mean-container .mean-nav ul li a.mean-expand { background: rgba(255,255,255,0.1); border: none!important; height: 44px; padding: 0!important; line-height: 45px; position: absolute; right: 0; margin-top: 0; text-align: center; top: 0; width: 45px; z-index: 2 }
.mean-container .mean-nav ul li li a { border: none; border-bottom: 1px solid rgba(255,255,255,0.25); opacity: .75; padding: 7px 5%; width: 90%; font-size: 13px }
.mean-container .mean-nav ul li li:last-child a { border: none }
.select-group { font-size: 13px }
h1.logo img { max-width: 190px }
.navbar-wrapper { margin: 20px 0 0 }
.overview-text { padding: 35px }
.team-wrapper .img { width: 33% }
.list-project .desc { min-height: 275px }
.list-tabs li { margin-right: 0 }
.container-full #myCarousel3 img { min-height: 253px }
.moduletable { margin-top: 30px }
.list-status > li { width: auto }
}

@media screen and (max-width:767px) {
    .min-hetfab{min-height: auto !important;}
    .navbar-light .navbar-nav .nav-link{color: #fff;}
    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: #ffd28e;
}
    .desktop_unique {display:none !important;}
.mobile_unique {display:  block  !important;}
    .carousel-item{height: auto !important;}
.tabContentActive { margin-bottom: 0 }
.overview-text { padding: 15px }
h1 { line-height: 40px }
.highlight-wrapper h4 { margin-bottom: 40px }
.list-highlight > li { width: 48%; margin-bottom: 30px }
.list-highlight .border { border: none }
.list-ongoing .img, .list-ongoing .img img, .list-ongoing .desc { width: 100% }

.list-blog iframe { height: 240px }
.copyright { text-align: center }
.amenties-wrapper ul { max-height: inherit }
.slick-slide a { display: block; background-color: #000 }
.newupdatesWrap .slick-slide a { background-color: transparent;}
.slick-slide img { max-height: 160px }
.responsive.desktopBanner .slick-slide img { max-height: none; }
.tabContentActive iframe { height: 340px }
.team-wrapper .img { width: 43% }
.team-wrapper .desc { float: left; padding: 18px; width: 54%; line-height: 19px }
.search { display: none }
.enquiry-form, .list-address { margin-bottom: 30px }
.list-address > li { margin-bottom: 5px }
.project-media .list-tabs li { margin-right: 0; width: 100% }
.col-left, .col-right { width: 100%; margin: 0 }
.container-full .tabContentActive { margin-bottom: 30px }
.floor-wrapper, .layout-wrap { margin: 0 0 30px }
.spec-wrapper { padding: 25px }
.list-spec { border: none; margin: 0 }
.list-spec li, .list-testimonial li { margin-bottom: 20px!important }
.amenties-wrapper img, .amenties-wrapper ul, .list-testimonial li { width: 100% }
.list-testimonial a > div { width: 50% }
.table-location td:first-child { width: inherit }
.table.table-location td:last-child { padding-left: 10px }
.table.table-location td { font-size: 13px }
.table.table-location { margin: 10px }
.enquiry-form .select-group { width: 100%!important }

.table-bordered td:first-child { width: 50% }
.blog .newslist-wrapper .date, .blog .newslist-wrapper .desc { width: 100% }
.select-group { font-size: 14px }

}

@media screen and (max-width:480px) {
.tabContentActive iframe { height: 180px }
.team-wrapper .img img { width: 100% }
.list-news-photo .photo { width: 42% }
.list-highlight > li, .team-wrapper .img, .team-wrapper .desc { width: 100%; margin-bottom: 30px }
}
.videpGall iframe { width: 100%; margin-bottom: 20px; height: 392px }
.list-status.partners-connect li { width: 25% }
.gpa-2014 ul li { width: 23%; margin: 1%; float: left }
.gpa-2014 ul li a img { width: 100% }
.smallNote { display: none }
.smallNote small { font-size: 9px; float: right; margin-right: 16px }
.smallNote.leftAlign small { float: left; margin-right: 0 }
.smallNote.floorNote small { font-size: 9px; float: left; margin-top: -7px; margin-right: 0 }
.disclaimer-wrapper { position: fixed; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); width: 60%; height: auto; z-index: 999999; left: 0; right: 0; border: 1px solid #333; margin: 0 auto }
.disclaimer-box { background-color: rgba(255,255,255,0.94); position: relative; width: 100%; height: 100%; padding-top: 30px; padding-bottom: 80px }
.disclaimer-title { position: absolute; top: 10px; left:0 text-transform: uppercase;
font-size: 18px; line-height: 26px; font-weight: 700; color: #000; margin-left: 20px }
.discalimer-content { height: 100%; padding: 0 20px }
.discalimer-agree { position: absolute; bottom: 25px; left: 0; width: 100%; text-align: center }
.popuplayer { position: fixed; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index: 999999; left: 0 }
.discalimer-agree a { border-radius: 0; border: solid 1px #333; font-size: 13px; padding: 7px 25px; text-decoration: none; color: #000; cursor: pointer; text-transform: uppercase; transition: .4s }
.discalimer-agree a:hover { background: #333; color: #fff; transition: .4s }
.discalimer-content p { margin-bottom: 16px }

@media only screen and (max-width : 700px) {
.disclaimer-wrapper { width: 100%; left: 0; height: 100% }
}

@media only screen and (max-width: 800px) {
.discalimer-content { overflow: auto }
.disclaimer-wrapper { width: 80% }
}

@media only screen and (max-width: 736px) {
.disclaimer-wrapper { height: 90% }
.disclaimer-box { height: 100% }
}
.otherFields input { margin-top: 15px }
.enquiry-form select { color: #757575 }
.reraLogo { margin: 0 0 40px }
.reraHeading { color: #0e0e0e; font-size: 16px; font-weight: 600; margin-bottom: 7px }
.reraNumber { color: #0e0e0e; font-size: 16px; line-height: 32px; font-weight: 600;}
.reraInfo { margin-top: 25px; font-size: 24px; color: #0e0e0e; font-weight: 500; margin-bottom: 12px; }
.reraInfo p { margin-bottom: 0 }
.reraInfo a { font-size: 17px; color: #0e0e0e }
.container .container { margin-left: -15px; margin-right: -15px }
.noteSpecification { font-size: 11px; font-style: italic; color: #000; line-height: 16px }
.noteSpecification span { font-size: 20px; line-height: 18px; font-weight: 600; font-style: normal; float: left; margin-top: 0 }
.cregnumber .width50 { width: 44.5%; float: left }
.cregnumber .width50 input { width: 98% }
.cregnumber .divider { float: left; font-size: 50px; margin: 21px 0 0; width: 11%; color: #757575 }
.careersOpening { margin-bottom: 40px }
.openingBox { width: 49%; float: left; background: #ecedef; padding: 3%; margin-bottom: 15px }
.openingBox.odd { margin-right: 1% }
.openingBox.even { margin-left: 1% }
.openingBox .openingTitle { color: #000; font-weight: 600; margin-bottom: 10px; font-size: 16px }
.openingBox table { color: #000; width: 100% }
.openingBox table tr td { padding: 7px 0 }
.openingBox table tr td:first-child { width: 30% }
.lifeatvj { background: url(../images/lifeatvjBg.jpg) no-repeat center/cover; margin-bottom: 40px }
.lifeatvj .lifeatvjInner { color: #999; padding: 20px }
.lifeatvj .lifeatvjInner h3 { color: #fff }
.lifeatvj .lifeatvjInner h3:before { display: none }
.blog .items-more { display: none }
.pagination .counter { margin-bottom: 10px }
.pagination ul li { float: left }
.pagination ul li span, .pagination ul li a { padding: 10px 14px; border: 1px solid #ccc; border-right: none }
.pagination ul li:last-child span, .pagination ul li:last-child a { border-right: 1px solid #ccc }
.moreInfo { margin-top: 15px }
.moreInfo a { padding: 6px 25px; color: #020202; display: inline-block; border: 1px solid #333 }
.signatureWraptop { background: #232323; color: #999999; position: relative; overflow: hidden; }
.signatureWraptop .signatureWraptopinner { padding: 30px; min-height: 312px;text-transform: uppercase; }
.signatureWraptop .noteText { color: #ffffff; }
.signatureWraptop img { margin-bottom: 20px; }
.signatureWraptop.halfText img { margin-top: 60px; height: 55px;}
.signatureWraptop.halfText { text-align: center; }
.signatureWraptop.fullText p { margin-bottom: 0; }
.signatureWraptop .signatureHover { background: #232323; color: #999999; position: absolute; width: 100%; height: 100%; top: 100%; left: 0; transition: 0.4s; }
.signatureWraptop .signatureHover .signatureHoverinner { padding: 30px; text-align: left; }
.signatureWraptop .signatureHover img { margin-top: 0;height: 55px; }
.signatureWraptop:hover .signatureHover { top: 0; left: 0; transition: 0.4s; }
.signatureWrapbottom { background: #ebebeb; padding: 30px; color: #000000; min-height: 332px; margin-bottom: 50px; }
.signatureWrapbottom h4 { }
.signatureWrapbottom ul { }
.signatureWrapbottom ul li { }


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

    .img-logo{position: relative;width: 121px; top: 0px;}
    .carousel-inner { margin-top: 96px;}
.openingBox { width: 98% }
.openingBox.odd { margin-right: 0 }
.openingBox.even { margin-left: 0 }

.anim_left .item.width50{ width: auto; float: none;}
.anim_left .item.width50.margin2{ margin-right:0;}
.item.width50 .team-wrapper .desc{ min-height: 12px;}    
}

@media (min-width: 1020px) and (max-width: 1050px) {
.ext-menu > li > a { font-size: 13px!important; padding: 7px 9px!important }
}
.yashoneHeighlits { padding: 40px 0 50px 0; }
.yashoneHeighlits p { font-size: 24px; margin: 0 0 30px 40px; }
.yashoneHeighlits ul.yashoneHeighlitslist { text-align: center; }
ul.yashoneHeighlitslist li { width: 17%; background: #f7931d; color: #ffffff; font-size: 18px; border-radius: 50%; margin: 0 1%; display: inline-block; }
ul.yashoneHeighlitslist li span { display: table-cell; height: 190px; vertical-align: middle; width: 200px; }

@media only screen and (max-width: 1024px) {
ul.yashoneHeighlitslist li span { height: 153px; }
}

@media only screen and (max-width: 959px) {
ul.yashoneHeighlitslist li { width: 27%; }
ul.yashoneHeighlitslist li span { height: 183px; }
}

@media only screen and (max-width: 711px) {
ul.yashoneHeighlitslist li { width: 180px; }
}

@media only screen and (max-width: 600px) {
ul.yashoneHeighlitslist li { width: 182px; }
.yashoneHeighlits p { margin: 0 0 30px 15px; }
.container .container { margin-left: auto; margin-right: auto; }
.footer-middle { padding-left: 0; }
.yashoneHeighlits p { line-height: 28px; }
.credai-wrapper { max-height: 100%; } 
.marginB40.marginB0-res { margin-bottom: 0 !important; }
footer.marginT50 { margin-top: 20px!important; }
}
.homeNews { position: relative; }
.newsInfo { position: absolute; bottom: 0; z-index: 99; color: #ffffff; margin: 20px; font-size: 24px; line-height: 30px; }
.newsInfo .newsInfoinner { position: relative; }
.newsInfo .newsInfoinner:after { border-top: 1px solid #ffffff; content: ""; position: absolute; width: 160px; top: -14px; left: 0; }
.newsInfo .newsInfologo{ margin:0 0 30px 0;}
.newsInfo .newsInfologo img{height: 52px;}
.mobilePosition { display: none; }
.desktopPosition { display: block; }

@media only screen and (max-width: 424px) {
.desktopPosition { display: none; }
.mobilePosition { display: block; }
.responsive.desktopBanner { display: none; }
.responsive.mobileBanner { display: block; text-align: center; background: #ffffff; }
.responsive.mobileBanner .slick-slide a { background: none; }
.responsive.mobileBanner .slick-slide img { max-height: none; display: inline-block; width: 100%; padding: 0 0; }
}

@media only screen and (max-width: 424px) {
.highlight-wrapper h4 { margin-bottom: 14px; text-transform: none; font-size: 17px; line-height: 21px; }
.list-highlight > li { width: 49%; }
.list-highlight .desc { display: none; }
.highlight-wrapper { padding: 40px 0 10px 0; height: 240px; }
.homeprojectsLeft { margin-top: 60px; }
}


.anim_left .item.width50{ width: 49%; float: left;}
.anim_left .item.width50.margin2{ margin-right:2%;}
.item.width50 .team-wrapper .desc{ min-height: 332px;}

.list-project .projectConfig{ padding: 15px 0; border-top: 1px solid #999999;border-bottom: 1px solid #999999;}
.list-project .projectConfig ul{}
.list-project .projectConfig ul li{ width: 33.3%; float: left; color: #666666; font-size: 12px;line-height: 14px;}
.list-project .projectConfig ul li span{ font-size: 15px; color: #000000;font-weight: 500;line-height: 16px; display: block; margin-bottom: 5px;}
.list-project .projectPrice{ font-size: 18px; color: #010101;font-weight: 600; margin-top:12px;}
.list-project .projectPrice span{font-family: 'Conv_ITF-Rupee';}

@font-face {
  font-family: 'Conv_ITF-Rupee';
  src: url('fonts/ITF-Rupee.eot');
  src: url('fonts/ITF-Rupee.woff') format('woff'), 
         url('fonts/ITF-Rupee.ttf') format('truetype'), 
         url('fonts/ITF-Rupee.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.clear { clear: both; display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.starMarks{ font-size: 11px; font-style: italic; color: #000; line-height: 16px; padding: 0 20px 20px 20px;}
.starMarks ul li{ overflow: hidden;}
.starMarks span{ font-size: 22px; line-height: 20px; font-weight: 600; font-style: normal; float: left; margin-top: 0;}
.videoGall{}
.videoGall iframe{ min-width: 450px; min-height: 250px;}

.trust-designWrap{ background: #000000; padding: 40px;color: #ffffff; text-align: center; margin-bottom: 20px;}
.trust-designWrap h3{ color: #ffffff; font-size: 55px; line-height: 45px; text-transform: uppercase;font-weight: 600; margin-bottom: 15px;}
.trust-designWrap p{ }

.awardWrap{ background: #efefef; padding: 30px 30px;}
.awardWrap ul{}
.awardWrap ul li{ width: 21%; float: left; margin: 20px 2%; min-height: 190px;}
.awardWrap ul li .awardImg{ position: relative; padding-bottom: 10px; margin-bottom: 10px;}
.awardWrap ul li .awardImg:after{border-top: 1px solid #000; content: "";  position: absolute; width: 75px; bottom: 0; left:0;}
.awardWrap ul li .awardImg img{}
.awardWrap ul li h3{ color: #000000; text-transform: uppercase; font-weight: 600; margin-bottom: 10px;}
.awardWrap ul li h3:before{ display:none;}
.awardWrap ul li p{ color: #000000; font-size: 13px; line-height: 20px; margin-bottom: 0;} 
.reraBox{position: absolute; top: 8px; right: 4%; font-size: 11px; color: #ffffff;}
.upcomingwebinarsWrap{}
.upcomingwebinarsWrap .webinarBox { padding: 0 0 30px 0; margin: 0 0 30px 0; border-bottom: 1px solid #666666;}
.upcomingwebinarsWrap .webinarBox .webinarDate{ font-size:14px; color:#010101; margin-bottom:5px; font-weight:500;}
.upcomingwebinarsWrap .webinarBox .webinarTitle{ color:#010101; font-size:18px; font-weight:800;}
.upcomingwebinarsWrap .slick-arrow{background-position: center 10px; background-repeat: no-repeat; width: 35px; font-size: 1px; height: 12px; background-color: #666;  padding: 15px 12px; opacity: 1; z-index: 2; position: absolute; bottom: 8px; right: 0; left: auto; top: auto;}
.upcomingwebinarsWrap .slick-prev.slick-arrow{ background-image: url(../images/icon-up.png); right: 35px;}
.upcomingwebinarsWrap .slick-next.slick-arrow{background-image: url(../images/icon-down.png);}
.upcomingwebinarsWrap .slick-prev:before, .upcomingwebinarsWrap .slick-next:before{ display:none;}

.newupdatesWrap{ padding-bottom: 52px; position: relative; margin-bottom: 20px; border-bottom: 1px solid #666666;}
.newupdatesWrap .updatesSlider{}
.newupdatesWrap .newupdatesBox{ width:93%; margin:0 auto;}
.newupdatesWrap .newupdatesBox a{ color:#010101;}
.newupdatesWrap .newupdatesBox .newupdatesImg{ }
.newupdatesWrap .newupdatesBox .newupdatesImg img{ width:100%;}
.newupdatesWrap .newupdatesBox .newupdatesInfo{ font-size: 14px; color: #010101; font-weight: 500; line-height: 20px;  margin: 10px 0 0 0;}
.newupdatesWrap .slick-arrow{background-position: center 10px; background-repeat: no-repeat; width: 35px; font-size: 1px; height: 12px; background-color: #666;  padding: 15px 12px; opacity: 1; z-index: 2; position: absolute; bottom: -82px; right: 0; left: auto; top: auto;}
.newupdatesWrap .slick-prev.slick-arrow{background-image: url(../images/icon-prev.png); background-position: 8px center; right: 35px;}
.newupdatesWrap .slick-next.slick-arrow{background-image: url(../images/icon-next.png); background-position: -27px center;}
.newupdatesWrap .slick-prev:before, .newupdatesWrap .slick-next:before{ display:none;}

.helpcenterBtn{ position: absolute; top: 960px; right: -63px; z-index: 99; transform: rotate(-90deg); background: #080807;}
.helpcenterBtn a{ cursor: pointer; background: #080807;color: #ffffff; text-transform: uppercase; padding: 0 0 0 12px; overflow: hidden;}
.helpcenterBtn a span.text{margin: 0 12px 0 0;}
.helpcenterBtn a span.icon{background: #4c4c4c; transform: rotate(90deg); display: inline-block; padding: 8px; margin: -2px 0 -2px 0;}
.helpcenterBtn a span.icon img{}

.helpcenterForm{ position:absolute; right:0; top:892px; z-index:99; background:#ffffff; width:32%; transition: 0.9s; display:none;}
.helpcenterForm.active{right:0; transition: 0.9s;}
.helpcenterForm .helpcenterInner{ padding:60px 40px; position:relative;}
.helpcenterInput{ position:relative; margin-bottom:20px;}
.helpcenterInput input{ width:100%; padding:12px; background:#ececec; color:#101010; border:1px solid #ececec;}
.helpcenterInput select{ width:100%; padding:12px; background:#ececec; color:#101010; border:1px solid #ececec;}
.helpcenterInput textarea{ width:100%; padding:12px; background:#ececec; color:#101010; border:1px solid #ececec;}
.helpcenterInput .col3{ width:32%; float:left; margin-right:2%;}
.helpcenterInput .col3.lastcol{ margin-right:0;}
.helpcenterInput .col3 input{ width:100%; }
.helpcenterInput .formError { color: #CF4D4D; font-weight: normal; font-size: 12px; position: absolute; left: 0; bottom: -22px;}
.helpcenterInput.captchaInput img{ padding: 10px; background: #000;}
.helpcenterSubmit{}
.helpcenterSubmit input{ width: 100%; padding: 12px 0; border: 1px solid #080807; text-align: center; color: #000000; font-size: 18px;    background: none;}
.helpcenterSubmit input:hover{}
.helpcenterOverlay{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:98; display:none; transition: 0.5s;}

.helpcenterClose{ position:absolute; right:14px; top:14px;}
.helpcenterClose a{ cursor:pointer;}
.helpcenterClose a img{}
.newsVideoGall{ width:98%; margin:10px 1% 30px 1%;}
.newsVideoGall iframe{ width: 100%; height: 362px;}
ul.gallery{}
ul.gallery > li{width:48%; margin:0 1% 20px 1%; float:left;}
ul.gallery > li img{ width:100%;}

.constructionUpdate{}
.constructionUpdate .constructionUpdateBox{ background:#efecec; margin-bottom:10px;}
.constructionUpdate .constructionUpdateBox .constructionPic{width:55%; float:left;}
.constructionUpdate .constructionUpdateBox .constructionPic img{ width:100%;}
.constructionUpdate .constructionUpdateBox .constructiondata{ width:45%; float:left;}
.constructionUpdate .constructionUpdateBox .constructiondata .constructiondataInner{padding:30px;}
.constructionUpdate .constructionUpdateBox .constructiondata h4{ font-size:18px; color:#000000; font-weight:600; position:relative; margin-bottom:15px; margin-top:15px;}
.constructionUpdate .constructionUpdateBox .constructiondata h4:after{ position:absolute; width:72px; left:0; top:-15px; height:1px; background:#000000; content:"";}
.constructionUpdate .constructionUpdateBox .constructiondata img{max-height: 72px; max-width: 110px;}

.upcomingwebinarsWrap{}
.upcomingwebinarsWrap .webinarSliders{}
.upcomingwebinarsWrap .webinarSliders .webinarBox{ margin-bottom:20px; padding-bottom:20px; position: relative; border-bottom:none;}
.upcomingwebinarsWrap .webinarSliders .webinarBox:after{background:#ebebeb; content:""; position:absolute; bottom:0; right:0; width:65%; height:1px;}
.upcomingwebinarsWrap .webinarSliders .webinarBox .webinarLogo{ width:35%; float:left;}
.upcomingwebinarsWrap .webinarSliders .webinarBox .webinarLogo .webinarLogoInner{ background:#ecedef; border-radius:50%;text-align:center;  height:132px; width:132px; }
.upcomingwebinarsWrap .webinarSliders .webinarBox .webinarLogo img{ padding:30px 0; max-width: 100px; height: 128px;}
.upcomingwebinarsWrap .webinarSliders .webinarBox .webinarInfo{ color:#010101; font-size:15px; width:65%; float:left; padding: 0;}
.upcomingwebinarsWrap .webinarSliders .webinarBox .webinarInfo h3{margin-bottom: 10px; font-weight:600;}
.upcomingwebinarsWrap .webinarSliders .webinarBox .webinarInfo h3:before{ display:none;}
.upcomingwebinarsWrap .webinarSliders .webinarBox .webinarInfo strong{ font-weight:600;}

.newupdatesWrap.nopaddingmargin{ margin-bottom:0; padding-bottom:0; border-bottom:none;}
.newupdatesWrap .updatesSliders{display: grid;  grid-template-columns: 32% 32% 32%; grid-row-gap: 30px; grid-column-gap: 2%;}
.newupdatesWrap .updatesSliders .newupdatesBox{width: 100%; }
.newupdatesWrap .updatesSliders .newupdatesBox .newupdatesImg{}
.newupdatesWrap .updatesSliders .newupdatesBox .newupdatesImg img{ width:100%;}
.newupdatesWrap .updatesSliders .newupdatesBox .newupdatesInfo{ margin-top:15px;}
.desktopBanner .slick-dots{z-index: 999;}
.fancybox-nav span { visibility: visible;} 
.helpdeksubmit {font-size: 18px; padding: 15px 40px; background: no-repeat; border: 1px solid #000000;}
.helpdekForm{}
.helpdekForm iframe{ width:100%; height:510px;}

@media screen and (max-width: 1025px){
.helpdekForm iframe { height: 890px;}
}
@media screen and (max-width: 767px){
.newupdatesWrap .slick-slide a { background-color: transparent;}
}
@media only screen and (max-width: 769px) {
.helpcenterForm {  width: 68%;} 
}
@media only screen and (max-width: 640px) {
.upcomingwebinarsWrap .webinarSliders .webinarBox { margin-bottom: 10px; padding-bottom: 10px;} 
.upcomingwebinarsWrap .webinarSliders .webinarBox .webinarInfo { padding: 17px 0;}
.upcomingwebinarsWrap .webinarSliders .webinarBox .webinarLogo .webinarLogoInner{ }
.newupdatesWrap .updatesSliders { grid-template-columns: 49% 49%;}
.constructionUpdate .constructionUpdateBox { margin-bottom: 20px;}
}
@media only screen and (max-width: 569px) {
.helpcenterForm {  width: 320px;}
.helpcenterForm .helpcenterInner { padding: 50px 20px;}
body {overflow-x: hidden !important; width:100%;}
.newsVideoGall iframe{ width: 100%; height: 250px;}
}
@media only screen and (max-width: 424px) {
 body{ width:100%; max-width:424px; }
 .helpcenterBtn{ top: auto; z-index: 99999998; position: fixed; width: 100%; bottom: 0; right: 0; transform: rotate(0deg); text-align: center;}
 .helpcenterBtn a {display: block;}
 .helpcenterBtn a span.icon{ transform: rotate(0deg);}
 .helpcenterForm {position: fixed; width: 100%; bottom: 0; top: auto; z-index: 9999999; overflow-y: scroll; max-height: 100%;}
 .helpcenterForm .helpcenterInner { padding: 50px 20px 70px 20px;}
 .newupdatesWrap .updatesSliders { grid-template-columns: 100%;grid-column-gap: 0;}
 .constructionUpdate .constructionUpdateBox .constructionPic { width: auto; float: none;}
 .constructionUpdate .constructionUpdateBox .constructiondata { width: auto; float: none;}
 .upcomingwebinarsWrap .webinarSliders .webinarBox .webinarLogo img {  ;}
 .upcomingwebinarsWrap .webinarSliders .webinarBox .webinarLogo { width: auto; float: none;}
 .upcomingwebinarsWrap .webinarSliders .webinarBox .webinarInfo { width: auto; float: none; padding: 0;}
 .upcomingwebinarsWrap .webinarSliders .webinarBox:after{ width:100%;}
 .upcomingwebinarsWrap .webinarSliders .webinarBox { margin-bottom: 20px; padding-bottom: 20px;}
 }
@media only screen and (max-width: 414px) {
 body{ width:100%; max-width:414px;}
}
@media only screen and (max-width: 412px) {
 body{ width:100%; max-width:412px;}
}
@media only screen and (max-width: 360px) {
 body{ width:100%; max-width:360px;}
}
@media only screen and (max-width: 326px) {
 body{ width:100%; max-width:326px;}
}
@media only screen and (max-width: 320px) {
 body{ width:100%; max-width:320px;}
}

/* Indiworks Landing Page */
.banner .indiworkDesktopbanner{ display:block;width: 100%;}
.banner .indiworkMobilebanner{ display:none;width: 100%;}
.indiworkHero{ text-align: center; margin: 60px auto; width: 64%; font-size: 18px; line-height: 29px; font-weight: 600;}
.indiworkHero .heighlight{ font-size:24px; line-height:28px; color:#000000; font-weight:900;margin-bottom: 30px;}

.indi-registrationWrap{ background: #ecedef;  padding: 70px 120px; margin-bottom:40px;}
.indi-registrationWrap h1{ text-align: center;font-weight: 600;  margin-bottom: 50px;}
.indi-registrationInput{ width:98%; margin:0 1% 25px 1%; position:relative;}
.indi-registrationInput input{ width:100%; border:1px solid #8d8e8f; background:none; padding:15px; font-size:14px;}
.indi-registrationInput.width50{ width:48%; float:left;}
.indi-registrationInput.width50 input{ width:100%;}
.indi-registrationInput select{ width:100%; border:1px solid #8d8e8f; background:none; padding:18px 15px; font-size:14px;}
.indi-registrationInput.width50 .indi-registration5050{width:49%; float:left; position:relative;}
.indi-registrationInput.width50 .indi-registration5050.first{ margin-right:2%; }
.indi-registrationInput.width50 .indi-registration5050.last{ }
.indi-registrationInput.width50 .indi-registration5050 input{ width:100%;}
.indi-registrationSubmit{width:98%; margin:20px 1% 0 1%; }
.indi-registrationSubmit input{ width:100%; border:2px solid #000000; color:#000000; background:none; padding:15px 0; font-size:18px; text-transform:uppercase; text-align:center; font-weight:600; transition: 0.5s;}
.indi-registrationSubmit input:hover{ background:#000000; color:#ffffff; transition: 0.5s;}
.indi-registrationInput .formError{color: #e20000; font-weight: normal; font-size: 13px; left: 15px; position: absolute; bottom: -21px;}
.indithankyouWrap{ margin-top:60px;}
.indiworks-thankyouWrap{ font-size:18px; color:#000000; font-weight:800; text-align:center;line-height: 30px;}
.indiworks-thankyouWrap img{ margin-bottom:20px;}
@media only screen and (max-width: 959px) {
.indi-registrationWrap { padding: 70px 50px;}
.indiworkHero{ width:75%;}
}
@media only screen and (max-width: 600px) {
.indi-registrationInput.width50{ width:98%;}
.indiworkHero{ width:auto;}
.detailsConfig ul li {  width: 50%; margin-bottom: 20px;}
.amenties-wrapper.new > ul > li { width: auto; float: none;  min-height: 10px;}
.fancybox-title-float-wrap .child{white-space: normal !important;}
.fancybox-title-float-wrap { margin-bottom: 0; margin-top:15px; bottom: auto; top: 100%;}    
}
@media only screen and (max-width: 533px) {
.indi-registrationInput.width50 .indi-registration5050.first { margin-right: 0; margin-bottom:25px;}
.indi-registrationInput.width50 .indi-registration5050 { width: 100%;}
.indiworkHero { margin: 30px auto 40px auto;}
.indi-registrationWrap { padding: 40px 30px; margin-bottom:20px;}
.indithankyouWrap{ margin-top:30px;}
.detailsConfig ul li {  width: 50%; margin-bottom: 20px;}
.amenties-wrapper.new > ul > li { width: auto; float: none;  min-height: 10px;}
}
@media only screen and (max-width: 424px) {
.banner .indiworkDesktopbanner{ display:none;}
.banner .indiworkMobilebanner{ display:block;}
} 
.amenties-wrapper.new > ul.nolistStyle > li{ background:none;}
.cycle.sukhniwas {background-image: url("../images/yashwin-sukhniwas360.jpg");  height: 512px;  cursor: move;}
.viewflat iframe{ width:100%; height: 500px;}
.row.completedProjects .list-project h4, .row.completedProjects .list-ongoing li h4{ margin-top:0;}
.row.completedProjects .list-project a h5{ margin-bottom:0;}
.row.completedProjects .list-ongoing li a h4:before, .row.completedProjects .list-project a h4:before{ display:none;}
.newsletterList ul.newslettersStyle {}
.newsletterList ul.newslettersStyle li{ margin-bottom: 35px; background: none; padding-left: 0; }
.newsletterList ul.newslettersStyle li a {background: url(../images/vj-connect.jpg) no-repeat left top; padding-left: 135px; line-height: 44px; font-weight: 700; display: inline-block;} 
.minheightMin .amenties-wrapper.new > ul > li{min-height: 145px;}
ul.list-partners li {
    width: 14%;
    float: left;
    border: 1px solid #efefef;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
ul.list-partners li h6 {
    margin: 0;
    padding: 10px 0;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    margin-top: 0px;
}
ul.list-partners li img {
    margin-top: 10px;
}

ul.list-amenities li{
    width: 32%;
    float: left;
    margin-right: 1.2%;
    text-align: center;
  margin-bottom: 30px
}

ul.list-amenities li h5{
  font-size: 18px;
  margin: 10px 0 10px;
}

.amenties-wrapper-img .relative {
    margin: 0 0 30px;
}

.amenties-wrapper-img h5 {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #0000007a;
    width: 100%;
    margin: 0;
    padding: 10px;
    text-align: center;
    color: #fff;
}

@media screen and (max-width:767px) {
.awardWrap ul li {
    width: 100%;
    float: left;
    margin: 0 0 40px;
    min-height: inherit;
}
}
.logo-finance {
    position: relative;
    bottom: -20px;
    text-align: center;
}

.logo-finance img {
    max-width: 130px;
}

.rate-form-wrapper {
    margin-top: 50px;
}
.rate-form-wrapper .formError {
    color: #CF4D4D;
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    display: block;
    font-family: arial;
}
.rsform-block-uctt-rate > div{font-size:0;unicode-bidi:bidi-override; direction:rtl; width: 760px; margin: auto;}
.rsform-block-uctt-rate > div *{font-size:110px}
.rsform-block-uctt-rate > div input{display:none !important}
.rsform-block-uctt-rate > div > label{display:inline-block;overflow:hidden;text-indent:9999px;width:150px;line-height: 1;white-space:nowrap;cursor:pointer}
.rsform-block-uctt-rate > div > label:before{display:inline-block;text-indent:-9999px;content:"☆";color:#d1d1d1}
.rsform-block-uctt-rate > div > label.checked ~ label:before,
.rsform-block-uctt-rate > div > label:hover ~ label:before,
.rsform-block-uctt-rate > div > label.checked:before,
.rsform-block-uctt-rate > div > label:hover:before{content:"★";color:#e52;text-shadow:0 0 1px #333}
.rsform-block-uctt-rate > div > label:first-child:before{width:.5em}
.rsform-block-uctt-rate:hover >  label:before{content:"☆";color:#888;text-shadow:none}
.rsform-block-uctt-rate:hover >  label:hover ~ label:before,
.rsform-block-uctt-rate:hover > label:hover:before{content:"★";color:#e52;text-shadow:0 0 1px #333}

ul.list-star {
    list-style-type: none;
    display: flex;
    justify-content: space-around;
    text-align: center;
    width: 70%;
    margin: auto;
    padding-left: 80px;
    margin-bottom: 50px;
    font-size: 16px;
    font-weight: 700;
}
ul.list-star li {
    min-width: 150px;
}
.rate-form-input {
    max-width: 900px;
    margin: auto;
    margin-top: 60px;
}
.rsform-block-submit {
    text-align: center;
    margin-bottom: 50px;
}
.rate-form-input .form-group input, .rate-form-input .form-group textarea, .rate-form-input .form-group select {
  width: 100%;
    border: 1px solid #333;
    min-height: 40px;
}
rate-form-input .form-group label {
    width: 100%;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 7px;
}
.rate-form-input .form-group label {
    text-transform: uppercase;
    font-size: 14px;
}
@media (max-width: 767px){


.rsform-block-uctt-rate {
    width: 100%;
    position: relative;
    left: -9px;
}

.rsform-block-uctt-rate > div > input + label {
    width: 60px;
}

.rsform-block-uctt-rate > div > * {
    font-size: 50px;
}

ul.list-star {
    width: 100%;
    margin: auto;
    padding-left: 0;
    margin-bottom: 20px;
    font-size: 9px;
}
ul.list-star li {
    min-width: 50px;
}
}
.img-btn.img-star-submit {
    background: url(../mages/submit.jpg) center center no-repeat;
    font-size: 0px;
    border: none;
    padding: 0;
    margin: 0;
    width: 160px;
    height: 56px;
}
.helpdeksubmit {
    font-size: 18px !important;
    padding: 15px 40px !important;
    background: no-repeat !important;
    border: 1px solid #000000 !important;
  border-radius: 0 !important;
  color: #000 !important; 
}
 
 .btn-primary {
    color: #fff;
    background-color: #3a5c81;
    border-color: #041323;
}
/* Main Footer */
footer .main-footer{  padding: 0px ;  background: #ededed;}
footer ul{  padding-left: 0;  list-style: none;}

/* Copy Right Footer */
.footer-copyright {     background-color: #222; padding: 5px 0;}
.footer-copyright .logo {    display: inherit;}
.footer-copyright nav {    float: right;    margin-top: 5px;}
.footer-copyright nav ul {  list-style: none; margin: 0;  padding: 0;}
.footer-copyright nav ul li { border-left: 1px solid #505050; display: inline-block;  line-height: 12px;  margin: 0;  padding: 0 8px;}
.footer-copyright nav ul li a{  color: #969696;}
.footer-copyright nav ul li:first-child { border: medium none;  padding-left: 0;}
.footer-copyright p {  margin: 2px 0 0;}

/* Footer Top */
.footer-top{  background: #252525;  padding-bottom: 30px; margin-bottom: 30px;  border-bottom: 3px solid #222;}

/* Footer transparent */
footer.transparent .footer-top, footer.transparent .main-footer{  background: transparent;}
footer.transparent .footer-copyright{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3) ;}

/* Footer light */
footer.light .footer-top{ background: #f9f9f9;}
footer.light .main-footer{  background: #f9f9f9;}
footer.light .footer-copyright{ background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3) ;}

/* Footer 4 */
.footer- .logo {    display: inline-block;}

/*==================== 
  Widgets 
====================== */
.widget{  padding: 20px;  margin-bottom: 40px;}
.widget.widget-last{  margin-bottom: 0px;}
.widget.no-box{ padding: 0; background-color: transparent;  margin-bottom: 40px;
  box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none;}
.widget.subscribe p{  margin-bottom: 18px;    font-family: 'Poppins', sans-serif;}
.widget.no-box a{ color: #1c1c1c !important;}
.widget li a {
    color:#1c1c1c;
        font-family: 'Poppins', sans-serif;
    display: block;
    margin-bottom: 6px;}

.widget li a:hover{ color: #aaa;text-decoration: none;}
.widget-title {margin-bottom: 20px;}
.widget-title span {background: #839FAD none repeat scroll 0 0;display: block; height: 1px;margin-top: 25px;position: relative;width: 20%;}
.widget-title span::after {background: inherit;content: "";height: inherit;    position: absolute;top: -4px;width: 50%;}
.widget-title.text-center span,.widget-title.text-center span::after {margin-left: auto;margin-right:auto;left: 0;right: 0;}
.widget .badge{ float: right; background: #7f7f7f;}
.widget.no-box .fa {
    font-size: 22px;
    margin-right: 6px;
    color: #1c1c1c;
}
.typo-light h1, 
.typo-light h2, 
.typo-light h3, 
.typo-light h4, 
.typo-light h5, 
.typo-light h6,
.typo-light p,
.typo-light div,
.typo-light span,
.typo-light small{  color: #1c1c1c;}

ul.social-footer2 { margin: 0;padding: 0; width: auto;}
ul.social-footer2 li {display: inline-block;padding: 0;}
ul.social-footer2 li a:hover {background-color:#ff8d1e;}


#feedback-enquiry {
    position: fixed;
    top: 15%;
    right: 0;
    z-index: 9999;
    bottom: 0;
    /* height: 66px; */
    margin-left: -3px;
    margin-bottom: -3px;
    display: block;
}
#feedback-tab-enquiry {
    float: right;
    color: #fff;
    font-size: 17px;
    cursor: pointer;
    height: auto;
    z-index: 9999;
    /* background-color: #D63213; */
    margin-right: -65.4px;
    text-transform: uppercase;
    padding-top: 6px;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 5px 5px 0px 0px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    letter-spacing: 0px;
    margin-top: 100px;
}


#emifeedback-enquiry {
    position: fixed;
    top: 43%;
    right: 0;
    z-index: 9999;
    bottom: 0;
    /* height: 66px; */
    margin-left: -3px;
    margin-bottom: -3px;
    display: block;
}
#emifeedback-tab-enquiry {
    float: right;
    color: #fff;
    font-size: 17px;
    cursor: pointer;
    height: auto;
    z-index: 9999;
    /* background-color: #D63213; */
    margin-right: -77.4px;
    text-transform: uppercase;
    padding-top: 6px;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 5px 5px 0px 0px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    letter-spacing: 0px;
    margin-top: 100px;
}
.blink-text {
    background: #000;
    font-weight: bold;
    font-size: 2rem;
    animation: blinkingText 2s infinite;
}

@keyframes blinkingText{
    0%    { background: #00475a;}
    25%   { background: #00475a;}
    50%   { background: #fdbd1f;}
    75%   { background: #00475a;}
    100%  { background: #00475a;}
  }

/*MOBILE DEVICES*/
@media only screen and (max-width: 600px) {
 .navbar-collapse{background-color: #107697; padding: 20px 0px;}
  .navbar-collapse .nav-item{border-bottom:1px solid #468da5; margin-bottom: 4px;}
.section-highlight{display: none;}
.mrtop{margin-top: 20px;}
.mr-lf{margin-left: 0px;}
.mr-lf2{margin-left: 0px;}
}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media only screen and (max-width: 1366px) {
 .banner_form {top: 250px;}
}