*, ul, ol, li, h1, h2, h3, h4, h5, h6, p, span{
    padding: 0;
    margin: 0;
}
body{
    font-family: 'Roboto Condensed', sans-serif;
}
/*******************************************Header******************************************/
.tata-lgo, .tata-cl-enq{
    margin: 15px 0;
}
.tata-header{
background: #ebebeb;   
}
.tata-cl-enq{
 float: right;
 text-align: right;
 margin-top: 25px;
}
.tata-cl-enq ul li{
 display: inline-block;
 padding: 0.938em 0.938em;
}
.tata-cl-enq ul li:first-child::before{
 content: url(../images-sc/call.png);
 position: absolute;
 margin-left: -36px;
     top: 10px;
}
.tata-cl-enq ul li a{
 font-size: 1.25em;
 color: #000;
 text-decoration: none;
}
.tata-cl-enq ul li:last-child a{background: #2e3192;padding: 10px 30px;color: #fff;border-radius: 4px;}
/*******************************************Header******************************************/
.tata-menu{
    padding: 0;
    background-color: rgba(22, 94, 166, 1);
}
.navbar{
    margin-bottom: 0;
}
.navbar-inverse{
    background-color: #5e4088;
    border-color: #5e4088;

}
.navbar-inverse .navbar-nav>.active>a{
    background-color: transparent!important;
    color: #ffd800;
}
.navbar-inverse .navbar-nav>li>a {
    padding: 10px 23px;
}
.navbar-inverse .navbar-nav>li::after{
    content: '';
    width: 1px;
    height: 10px;
    background: #fff;
    position: absolute;
    top: 1.1350em;
}
.navbar-inverse .navbar-nav>li:first-child::after{
    content: none;
}
.navbar-inverse .navbar-nav>li>a{
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
}
.navbar-nav{
margin-bottom: 6px!important;}

.primary-menu.fixed-top-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background: #fff;
}
.navbar-inverse{
    border-radius: 0;
}
.navbar-inverse .navbar-nav>.active>a:hover{
background: none;
color: #ffd800;
}
.navbar-inverse .navbar-nav>li>a:hover{
    color: #ffd800;
    transition: 0.5s all;
}
.navbar-nav{
    margin: 7.5px -15px!important;
    padding-left: 30px;
}
/***********************************************Banner & Form*****************************************/
.tata-banner{
    padding: 0;
}
.tata-banner img{
    width: 100%;
}
.bnr-det{
    padding: 0;
}
.form-det{
    background-color: #5e4088;
        padding: 5.125em 2.0625em;
position: absolute;
    right: 0;
    max-height: 100%;
}
.form-det h4{
    font-size: 1.875em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
}
.form-det img{
   width: 76px;
    height: 6px;
    display: block;
    margin: 0 auto;
    margin: 20px auto;
}
input.form-control, textarea.form-control{
    height: 40px;
    border-radius: 0;
    margin-bottom: 1.875em;
}
textarea.form-control{
    padding: 20px 0 70px 20px;
    margin-bottom: 0;
}


.btn-ylw {
width: 100%;
border-radius: 0;
background-color: rgba(255, 216, 0, 1);
color: rgba(0,0,0,1);
font-size: 1.0625em;
padding:  0.9375em;
outline: none;  
margin-top: 3.125em;
}

.btn-ylw:hover{
background-color: rgb(153 78 145);    
transition: 0.5s all;
color: rgba(255,255,255,1);
}
/**************************************************about Tata*********************************/
.tata-abt {
    padding: 4.375em 0;
}
.tata-abt-cnt h1{
    color: rgba(106, 49, 159, 1);
    font-size: 2.1875em;
    font-weight: bold;
    text-transform: uppercase;
}
.tata-abt-cnt h2{    font-size: 35px;
    margin-bottom: 15px;font-weight:400;}
img.dvdr-img{
    padding-bottom: 2.25em;
    padding-top: 1em;
}
.tata-abt-cnt p{
    font-size: 1.0625em;
    color: rgba(0,0,0,1);
    line-height: 2.1875em;
    padding-bottom: 1.25em;
    text-align: justify;
}
a.btn-popup{
    background-color: #383390;
    color: #fff;
    font-size: 17px;
    display: inline-block;
    padding: 0.625em 1.5625em;
    text-decoration: none;
}

img.img-abso{
    position: absolute;
    width: 200px;
    top: 40px;
}
img.img-abso1{
    position: absolute;
    width: 100px;
    right: 50px;
    top: 50px;
}
.tata-abt-img img{
	margin-top: -61px;
}
/*************************************amenities*******************************************************/
.tata-amenities{
background-color: rgba(238,238,238, 1);
padding: 4.375em 0;
}
.tata-amns{
background-color: rgba(22,94,166, 1);
padding: 4.80em;
}
.tata-amenities h3{
    text-transform: uppercase;
    font-weight: bold;
font-size: 2.1875em;
color: rgba(0,0,0,1);
    text-align: center;
}
.tata-amns h4{
    font-size: 1.875em;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.5em;
    color: rgba(255,255,255,1);
}
.tata-amns a{
    background-color: rgba(255,235,174,1);
    color: #000;
    font-size: 17px;
    display: inline-block;
    padding: 0.625em 1.5625em;
    text-decoration: none;
    margin-top: 1.875em;
}

/*************************************services*******************************************************/
.services{
    padding: 0;
}
.no-pad{
    padding: 0;
}
.fstsrvbg p{
    background: rgba(255, 216, 0, 1);
    display: inline-block;
    padding: 1em 3.1875em;
    font-weight: 500;
    font-size: 1.125em;
    position: absolute;
    bottom: 6px;
    
}
.slick-dots li button:before{
    background: rgba(79, 79, 79, 1);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    opacity: 1;
    color: transparent;
}
.slick-dots li.slick-active button:before{
    background: rgba(69, 29, 107, 1);
    opacity: 1;
}
.slick-dots li{
    margin: 0;
}
.slick-dots{
    bottom: -35px;
}


/*************************************project overview*******************************************************/

.tata-pro-ovr{
background-color: #782c7d;
     padding: 4.375em 0;
}
.tata-pro-ovr h2{
    color: rgba(255,255,255,1);
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
     margin-bottom: 0.7875em;
}
.tata-pro-ovr img{
    width: 4.625em;   
    display: block;
    margin: 0 auto;
}
.tata-pro-ovr ul li{
    list-style-type: none;
    width: 10.6875em;
    border: 1px dashed rgba(101, 156, 210, 1);
    border-radius: 10px;
    padding: 1.75em 0.9375em;
    margin: 0 auto;
    margin-right: 3.125em;
    display: block;
    text-align: center;
   
}
.tata-pro-ovr ul li h6{
    font-size: 1.25em;
    color: rgba(255, 255, 255, 1);
    font-weight: normal;
    text-transform:uppercase;
    text-align: center;
    line-height: 1.5em;
    letter-spacing: 1px;
    
}
.pro-vr ul{
    display: flex;
    margin-top: 3.125em;
}
.tata-pro-ovr ul li:last-child{
margin-right: 0;
}
a.btn-p{
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    width: 9.375em;
    margin-top: 1.875em;
}

/****************************************************************location**************************************/
.tata-loc{
     padding: 4.375em 0;
}
.tata-loc h3{
    font-size: 35px;
    text-transform: uppercase;
    color: rgba(0,0,0,1);
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
}
img.img-cntr{
display: block;
margin: 0 auto;
}

/****************************************************************location end**************************************/

/****************************************************************price overview**************************************/
.tata-price-ovew{
    background-color: rgba(67,53,127, 1);
    
}
.tata-price-ovew h3{
    color: #f26b2b;
    font-size: 1.875em;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
}
.txt-divider-wht{
margin-top: 10px;
}
.price-vw{
     padding: 4.375em 0 3.375em 0;
}
.price-vw ul li{
list-style-type: none;
    padding-left: 1.875em;
    padding-bottom: 1.5625em;
}
.price-vw ul li h2{
    letter-spacing: 2px;
    font-size: 3.4375em;
    font-weight: bold;
    color: rgba(255,255,255,1);
	    text-transform: uppercase;
}
.price-vw ul li h2 span{
    font-weight: normal;
    font-size: 0.9em; 
}
.price-vw ul li:first-child{
margin-top: 2.5em;
}
.price-vw ul li h6{
     font-size: 1.0625em;
    color: rgba(255,255,255,1);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 0.9375em;
}
.price-vw ul li:first-child h6{
    display: inline-block;
    font-size: 1.0625em;
    text-transform: uppercase;
    background-color: rgba(255,235,174,1);
    padding: 0.3125em 0.9375em;
    color: rgba(0,0,0,1);
}
.price-vw ul li::before{
content: url(../images-sc/dvdr-lft.png);
position: absolute;
left: 0;
}
/****************************************************************price overview end**************************************/

/****************************************************************Gallery*************************************************/

.tata-gal {
    padding: 4.375em 0;
}
.tata-gal h3, .tata-floor-plan h3, .tata-loctn h3, .tata-footer h3{
    font-size: 2.1875em;
    text-transform: uppercase;
    color: rgba(0,0,0,1);
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
}

.demo-gallery > ul {
  margin-bottom: 0;
  padding-left: 15px;
}

.demo-gallery > ul > li {
  margin-bottom: 15px;
  list-style: outside none none;
}

.demo-gallery > ul > li a {
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
}

.demo-gallery > ul > li a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}

.demo-gallery > ul > li a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
  opacity: 1;
}

.demo-gallery > ul > li a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}

.demo-gallery > ul > li a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.demo-gallery > ul > li a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .justified-gallery > a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}

.demo-gallery .justified-gallery > a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
  opacity: 1;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .video .demo-gallery-poster img {
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  opacity: 0.8;
  width: 48px;
}

.demo-gallery.dark > ul > li a {
  border: 3px solid #04070a;
}
/****************************************************************Gallery End*********************************************/


/**************************************************************floor plans*******************************/
.tata-floor-plan{
    background: url(../images-sc/floor-plaan-bg.jpg)no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 4.375em 0;
}
/**************************************************************floor plans end*******************************/


/**************************************************************Location*******************************/

.tata-loctn{
    padding: 4.375em 0;
}
.lc-cont{
    background-color: rgba(22,94,166,1);
    padding: 4.125em 3.25em;
 
 
}
.lc-cont h5{
    font-size: 1.875em;
    font-weight:bold;
    letter-spacing: 2px;
    text-align: center;
    color: rgba(255,255,255,1);
}
.lc-cont p{
    font-size: 1.125em;
    color: rgba(255,255,255,1);
    line-height: 1.875em;
    text-align: center;
    padding-top: 1.75em;
}
.no-p{
    padding: 0;
}
.tata-footer{
    background: url(../images-sc/footer-bg.jpg)no-repeat;
    background-size: cover;
    background-attachment: fixed;
    
}
/**************************************************************Location End*******************************/
.tata-footer{
    
     padding: 4.375em 0;
}
select.form-conrtol{
     height: 40px;
    border-radius: 0;
    margin-bottom: 1.875em;
    width: 100%;
    color: rgba(55,55,55,0.7);
    padding: 6px 12px;
}
.btn-ylws{
    background-color: rgba(255,216,0,1)!important;
    border-radius: 0;
    width: 100%;
    font-weight: 500;
    padding: 0.625em 1.25em;
    outline: none;
    border: none;
}
textarea.txt-ar{
height: 125px;}

/******************************************************footer**********************************************************/
.cpyrht{
    background-color: #43357f;
    padding: 1.1875em 0;
}
.cpyrht p{
    color: rgba(255,255,255,1);
     text-align: center;
    font-size: 1.0625em;
    letter-spacing: 1px;
}
.cpyrht a{
    color: rgba(255,255,255,1);
    text-decoration: none;
   
}

.fix1{
  position: fixed;
  right: -71px;
  z-index: 999;
  top: 30%;
  -ms-transform: rotate(-90deg); /* IE 9 */
  transform: rotate(-90deg);
}

.fix1 li{
    list-style-type: none;
    display: inline-block;
    margin-right: 15px;
    background: #ffebae;
    
    
}
.fix1  li a{
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    display: block;
    font-size: 16px;
    color: #000;
    padding: 7px 20px;
}
/******************************************************footer end**********************************************************/

p.tatainfr{
    color: #ccc;
    font-size: 0.9375em!important;
    margin-top: 10px;
     text-align: center!important;
    
}
.inmtn p{
text-align: left;
    font-size: 18px;
}
.inmtn h6{
font-size: 20px;
text-transform: uppercase;
color: #ffd800;
    font-weight: bold;
    margin-bottom: 15px;
    letter-spacing: 1px;
}
p.cpy{
   padding-bottom: 15px;
    border-bottom: 0px solid #645f7b;
    margin-bottom: 0px;
   
}

.modal-header .close {
    margin-top: -2px;
    background: #fff;
    opacity: 1;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 32px;
    right: -30px;
    outline: none;
}

/*accordian*/
.bs-example {
  margin: 20px;
}
.rotate {
  -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
  -moz-transform: rotate(-180deg); /* Firefox */
  -ms-transform: rotate(-180deg); /* IE 9 */
  transform: rotate(-180deg); /* Standard syntax */
}

/*accordian*/
.keyplan img{width: 75%;}
.keyplan .btn-center{text-align:center;}
.keyplan a{background-color: #fdc74b;color: #000;font-size: 17px;display: inline-block;padding: 0.625em 1.5625em;text-decoration: none;margin-top: 20px;}
.advantages-accordion .panel-group .panel{box-shadow: 5px 0 5px rgb(0 1 1 / 50%);border-radius: 0;}
.advantages-accordion .panel-body{background: #fdc74b;}
.advantages-accordion a{width: 100%;display: inline-block;}
.advantages-accordion a:hover{text-decoration:none;}
.advantages-accordion span{float:right;}
.keyplan, .advantages-accordion{margin-top:50px;}
.master-plan{text-align:center;}
.master-plan img{display:inline-block;}
.master-plan .btn-popup{background:#2e3192;color:#fff;}
.tata-price-ovew a.btn-popup{background:#ffd800;color:#000000;}
.tata-loctn a.btn-popup{background:#ffd800;color:#000000;}

h4.panel-title a{
	 
font-size: 20px;
font-weight: 700!important;
    text-transform: uppercase;
}

.panel-body p{
	font-size: 18px;
}


.loan-sec{background:#ebebeb;padding:30px 0 40px 0;display: inline-block;width: 100%;}
.loan-sec h1{    font-size: 35px;
    text-transform: uppercase;
    color: rgba(0,0,0,1);
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;}
.loan-sec .loan-bg{padding-top:30px;}
.loan-sec .bg:hover img{box-shadow: 0px 0 15px rgb(0 0 0 / 29%);}
.loan-sec .bg{margin-top:10px;text-align:center;}
.loan-sec .bg img{display:inline-block;}

.int_rates{font-size: 20px;text-align: center !important;font-weight: 500;color: white;background-color: #543297;padding: 8px;border-radius: 4px;}
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container{background-color:white;}
 .error { color: red; font-size: 0.9rem; margin-top: 6px; min-height: 18px; }
.iti{width:100%;}
.downBrch{display: flex;align-items: center;justify-content: center;}
.downBrch a{background-color:#543297;padding: 6px 14px;color: white;}
.what-is-req{font-size: 16px !important;}