@font-face { font-family: 'D-DIN-PRO-400-Regular'; src: url(../fonts/D-DIN-PRO-400-Regular.otf); } 
@font-face { font-family: 'D-DIN-PRO-500-Medium'; src: url(../fonts/D-DIN-PRO-500-Medium.otf); } 
@font-face { font-family: 'D-DIN-PRO-600-SemiBold'; src: url(../fonts/D-DIN-PRO-600-SemiBold.otf); } 
@font-face { font-family: 'D-DIN-PRO-700-Bold'; src: url(../fonts/D-DIN-PRO-700-Bold.otf); } 

body { font-family: D-DIN-PRO-400-Regular; font-size: 16px; padding-top: 90px; line-height: 1.7; overflow-x: hidden;} 
img, svg { vertical-align: middle; width: 100%; max-width: 100%; height: auto;} 
.desk{display: none;} 
.mob{display: block;} 
@media (min-width:992px) { 
    .desk{display: block;} 
    .mob{display: none;} 
    body {padding-top: 96px;} 
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: 'D-DIN-PRO-700-Bold';}

.lineHeight { line-height: 2.3; } 
.textJustify { text-align: justify; } 
a { text-decoration: none; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -ms-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out;  } 
ul {margin: 0; padding: 0;}
.purple{color: #451469;}

/* Header css start */

header { width: 100%; left: 0; top: 0; z-index: 99; border-bottom: 1px solid #070707; } 
header .navbar-brand img{width: 110px;} 
header .navbar-toggler { padding: 0; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; width: 35px; height: 30px; border: 0; } 
.collapse ul li:hover a{color: #965B41;} 
header .navbar-toggler .ham-icon { position: absolute; display: block; opacity: 1; left: 0; height: 5px; width: 100%; background-color: #965B41; border-radius: 7px; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } 
header ul.navbar-nav>li a { -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -ms-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; } 
header .navbar-toggler .ham-icon:nth-child(1) { top: 0; } 
header .navbar-toggler .ham-icon:nth-child(2) { top: 10px; } 
header .navbar-toggler .ham-icon:nth-child(3) { top: 20px; } 
header .navbar-toggler[aria-expanded=true] .ham-icon:nth-child(1) { top: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } 
header .navbar-toggler[aria-expanded=true] .ham-icon:nth-child(2) { opacity: 0; left: -35px; } 
header .navbar-toggler[aria-expanded=true] .ham-icon:nth-child(3) { top: 10px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } 
header .navbar-toggler:focus { box-shadow: none; }
header nav .navbar-collapse { padding: 40px 0; } 
@media (min-width:992px) { 
    header nav .navbar-collapse { padding: 0; } 
    header ul.navbar-nav>li { position: relative; padding: 30px 6px; margin: 0 20px 0 0; } 
    header .navbar-brand img{width: 150px;} 
} 
header ul.navbar-nav>li { position: relative; } 
header ul.navbar-nav>li a { display: block; padding: .5rem 1rem; text-decoration: none; color: #965B41; text-transform: capitalize; font-size: 15px; font-weight: 600; transition: all .15s ease-in-out; } 
@media only screen and (min-width:992px){ 
    header ul.navbar-nav>li a { padding: 0; } 

} 
header ul.navbar-nav>li:after { content: ''; position: absolute; height: 2px; left: 50%; /* bottom: 0; */ width: 0; background-color: #FBDF60; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } 
@media (min-width:992px) { 
    header ul.navbar-nav>li:hover:after, header ul.navbar-nav>li.current-menu-item:after  { width: 100%} 
}
    header ul.navbar-nav>li.current-menu-item>a { color: #965B41; }
    header .rightSpaced .enquireButton a { border: 1px solid #965B41; border-radius: 0; font-size: 16px; padding: 10px 25px; color: #070707; font-weight: 600; border-radius: 5px; transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -ms-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; background: #965B41; } 
    header .rightSpaced .enquireButton a:hover { background-color: #965B41; color: #fff; } 
    header .mobile-view ul { list-style: none; padding: 0; margin: 0 0 20px; } 
    header .mobile-view ul li a { display: inline-block; padding: .3rem 1rem; color: #000; } 
    header.fixed_top { box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2); border-bottom: 0; }

.exportForm .exFixed{ position: fixed; display: block; line-height: 27px; top: 51%; left: auto; right: 0; bottom: auto; z-index: 11; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); transition: all 0.3s cubic-bezier(0.35, 0, 0.65, 1) 0s; } 
.exportForm a { position: absolute; display: block; top: 0; left: -45px; right: auto; bottom: auto; -webkit-transform: translate3d(0, 0, 0) rotate( -90deg ); transform: translate3d(0, 0, 0) rotate( -90deg ); -webkit-transform-origin: left top; transform-origin: left top; padding: 10px 0px; background-color: #5bac46; border: 2px solid #ffeca8; color: #ffeca8; font-size: 15px; width: 150px; font-weight: 600; height: 47px; z-index: 10; cursor: pointer; transition: all 0.3s cubic-bezier(0.35, 0, 0.65, 1) 0s; box-shadow: 3px 0 6px rgb(0 0 0 / 10%); border-radius: 15px 15px 0 0;} 
.exportForm .btn-info:hover { color: #965B41; background-color: #ffeca8; border-color: #ffeca8; } 
.prdHead { color: #333; font-size: 42px;text-align:center; display:block; text-transform:uppercase; } 
.product_all2{background: #f5f5f5; text-align: center; padding: 80px 0;display:block;width:100%;} 
.product_all2 img{width: 100%;padding: 0 40px;} 
.exportForm .modal-body { position: relative; padding: 15px; display: inline-block; width: 100%; } 
.exportForm .modal-header { padding: 15px; border-bottom: 1px solid #965B41; background: #070707; color: #965B41; display:block ;    text-align: center;} 
.exportForm h4.modal-title{color: #fff;}
.exportForm .modal-content{border:none;}
/*.exportForm .modal-title {float: left;}*/

.exportForm .btn-close {color: #fff;background:url('../images/download.svg') center/1em auto no-repeat;opacity: 1;float: right;position: absolute; top: 20px; right: 20px}
.popupForm form input , .popupForm form select    {border:1px solid #CCC; width:100%;font-size: 16px;height:50px;margin: 5px 0px 10px; color:  #1a1d1c;padding:0 10px;box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);}
.popupForm form textarea    {border:1px solid #CCC; width:100%;font-size:13px;height: 80px;margin: 5px 0px 20px; color:#1a1d1c;padding:10px 10px;box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);}
.popupForm form input[type=submit] { border: 1px solid #070707; box-shadow:unset;width:130px; margin: 0px auto; background:#070707; color:#965B41;transition: all 0.5s ease; -moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease; font-size:14px;height: auto;padding: 10px 0;font-size: 16px;border-radius: 5px;font-weight: 600;} 
.popupForm form input[type=submit]:hover    {background:transparent;color:#000;border: 1px solid #965B41;}
.modal {z-index: 99999;}
.popupForm .iti {width: 100%;}

/*Footer css start*/

.footer_top  img{width:150px;}
.footer_bottom a{color: #000;}
.footer_bottom a:hover{color: #965B41; }

.sticky-form{float:left;width:100%;background: #F8F8F8;padding:7px 0; position:fixed; left:0; bottom:0;    z-index: 5;border: 1px solid #000;}
.sticky-form.sticky-mob-form  {background: #000;}
.sticky-form .form-wrap{float:left;width:100%;}
.sticky-form .form-wrap ul.form-list {display:flex;align-items:center;justify-content: center;}
.sticky-form .form-wrap ul.form-list li{;margin:0;list-style: none;padding: 0 10px;}
/*.sticky-form .form-wrap ul.form-list li.send-btn{width:15%;}*/
.sticky-form .form-wrap div.select-box,
.sticky-form .form-wrap input[type=text], .sticky-form .form-wrap select{border-color:#A7A7A7; background: #F2F2F2;}
.sticky-form .form-wrap input[type=text]::-webkit-input-placeholder, .exportForm input::-webkit-input-placeholder { /* Edge */
  color: #212529;
}

.sticky-form .form-wrap input[type=text]:-ms-input-placeholder , .exportForm input::-webkit-input-placeholder { /* Internet Explorer 10-11 */
  color: #212529;
}

.sticky-form .form-wrap input[type=text]::placeholder , .exportForm input::-webkit-input-placeholder {
  color: #212529;
}
.sticky-form input.button{ padding:4px 14px;border:0px;}
.sticky-form h4 {float: left;width: 100%;color: #212529;text-align: center;    font-weight: 600;margin: 0;    font-size: 21px;}
.sticky-form .send-btn .submit { border: none;background: #FBDF60;color: #070707;padding: 5px 25px;font-size: 16px;border-radius: 5px;    font-weight: 600;}
.sticky-form .captcha_add {color: #fff; font-size: 16px; font-weight: 700; border: 1px solid #CC8CFC; text-align: center; padding: .375rem .75rem; line-height: 1.5;background: #7B38AB; border-radius: 4px 0 0 4px; border-right: none;}
.sticky-form .captcha_total input{border-radius: 0 4px 4px 0;}
.sticky-form .iti__arrow {border-top: 4px solid #fff;}
.sticky-form .iti--separate-dial-code .iti__selected-dial-code {color: #fff;}
.sticky-form .iti__selected-flag {border-right: 1px solid #CC8CFC;}
.sticky-mob-form  a{color: #fff; display: block;background: #646567; padding: 5px 10px; border-radius: 4px; width: 60%; text-align: center; margin: 0 auto;border: 1px solid #646567;}
.sticky-mob-form  img{width: 13px; margin: 0 0px 0 10px;}

@media (max-width: 1280px) { 

.sticky-form .form-wrap ul.form-list li {padding: 0 7px;}
.sticky-form h4 {font-size: 16px;}

}

.overview {background: #070707; background-image: url('../images/Imperia Slice/godrej-versova-21.jpg');}
.overview-content h3{    color: #FBDF60;}
.overview-content a{border-radius: 5px;padding: 10px; background: #FBDF60; color: #070707; font-weight: 600; border:1px solid #FBDF60; border-radius: 37px;}
.overview-content a i{    margin: 0 10px 0 0;}
.overview-content a:hover{color:#FBDF60; background: #fff; }

.amenities{background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #090909;}
.common-title-white h2{color: #fff;}
.amenities-icons img{width: 130px; height: 110px; background: #090909; padding: 15px; border-radius: 15px;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;}
.amenities-icons p{color: #fff; margin: 1rem 0;}
.amenities-icons:hover img{    box-shadow: 0px 0px 20px 0px #FBDF60;}

.gallery { background-color:#111111;}

.hover-text { position: absolute; background:#FBDF60;  color: #fff; width: 100%; opacity: 1; transition: all 0.3s ease; text-align: center; font-size: 19px; z-index: 2; padding: 10px; bottom: 0;border-radius: 0 0 10px 10px; } 
.hover-text:hover > img { transform: scale(1.3) }
.hover-text h4{color: #fff;    font-weight: 700; font-size: 16px;margin: 0;}
.port_box{ position: relative; text-align: center; overflow: hidden; margin:0 0 30px 0;  }  
.port_box:after{ content: ""; width: 100%; height: 100%;border-radius: 10px; background-color: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.50s ease 0s; } 
.port_box:hover:after{ opacity: 1; } 
.port_box img{border: 1px solid #ccc; width: 100%; height: auto; transform: translateY(0px); transition: all 0.50s ease 0s; border-radius: 10px;} 
.port_box .port_links{ width: 100%; position: absolute; bottom: 20%; left: 0; margin: 0; padding: 0; list-style: none; opacity: 0; z-index: 1; transition: all 0.5s ease 0s; } 
.port_box:hover .port_links{ bottom: 45%; opacity: 1; } 
.port_box .port_links li{ display: inline-block; } 
.port_box .port_links li a { display: inline-block; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; font-size: 16px; color: #373435; background: #fff; transition: all 0.3s ease 0s; } 
.port_box .port_links li a:hover{ color: #fff; background: #373435; }
.nav-link {color: #2A2A28; border-radius: 0;     padding: .5rem 0; margin: 0 20px 0 0;}
.nav-link:focus, .nav-link:hover{color: #FBDF60;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {background: unset;border-bottom: 1.5px solid #965B41;color: #965B41;border-radius: 0;}
.nav-pills .nav-link { background: unset;border: unset;border-radius: unset; cursor: pointer;}

.video{position: relative;width: 100%;height:690px;background-size: cover; background-position: center; background-repeat: no-repeat;background-image: url('../images/godrej-versova-17.jpg');}
.video:before{content: "";position: absolute;background: #2522225e; height: 100%; width: 100%;left: 0; top: 0;}
.video-modal img{width: 150px;    margin: 10% 0 0 0;}
.video-content {top: 50px;}
.video-content iframe{width: 100%;height: 90%;}
.trust-content img{width: 130px;height: 130px;}

.location{position: relative;width: 100%;background-size: cover; background-position: center; background-repeat: no-repeat;background-color: #161616;}
.location iframe{width: 100%; border-radius: 30px;box-shadow: -3px 4px 20px 0 rgb(0 0 0 / 20%); border:0;}
.location-content p{border: 1px solid #ccc;border-radius: 0 0 15px 15px; margin: 0; padding: 5px;min-height: 70px; display: flex; align-items: center; justify-content: center;}
.location-content img{border-radius: 15px 15px 0 0;}
.location .arrow-image  img {    width: 30px;}
.arrow-image {padding: 0 10px;    margin: -80px 0 0 0;}
.lcm {width: 20%;}
.lcm h3{margin: 15px 0;}

.stats{width: 100%;padding: 10px 0;}
.stats-content {background-color: #151515c4; color: #fff; border-radius: 15px; padding: 15px;border: 1px solid #FBDF60;}
.sn span{font-size: 46px;font-family: 'D-DIN-PRO-700-Bold';line-height: normal; margin: 0 10px 0 0;}
.sc span{font-size: 22px;font-family: 'D-DIN-PRO-700-Bold'; line-height: normal;text-transform: uppercase;}
.highlight{margin: 0 0 0 20px;}
.highlight li{display: inline-block;width: 100%;}
.highlight li:before{position: absolute;content: "\f309"; /* FontAwesome Unicode */ font-family: bootstrap-icons !important; display: inline-block; margin-left: -1.3em; /* same as padding-left set on li */ width: 1.3em; /* same as padding-left set on li */}

@media (min-width:992px) { 
    .stats{position: relative;width: 100%;height:690px;background-size: cover; background-position: center; background-repeat: no-repeat;background-image: url('../images/Imperia Slice/godrej-versova-11.jpg');}
    .stats-content {background-color: #151515c4; color: #fff; border-radius: 15px; padding: 15px; position: relative; top: 338px; left: 11%;border: 1px solid #272727;     text-align: left;}
    .sn span{font-size: 46px;font-family: 'D-DIN-PRO-700-Bold';line-height: normal; margin: 0 10px 0 0;}
    .sc span{font-size: 22px;font-family: 'D-DIN-PRO-700-Bold'; line-height: normal;text-transform: uppercase;}
    .highlight li{display: inline-block;width: 49%;}

}
@media (max-width: 1024px){
    .sc span {font-size: 16px;}
    .stats-content {top: 279px; text-align: left;
}
    }
}
.thankyou{padding: 10% 0;}
.thank-icon img{width: 100px;margin: 0 0 20px 0;}
.thankyou p{color: #fff; font-size: 20px;}
.thankyou a{background: #fff; color:#FBDF60; padding: 10px; border: 1px solid #FBDF60;font-weight: 700; border-radius: 5px; }
.thankyou a:hover{color: #fff;background:#FBDF60; }

@media (max-width:768px) { 
    .location-stat{display: block !important;}
    .arrow-image {display: none;}
    .lcm {/*width: 100%;*/width: 50%; float: left; padding: 10px;}
    .footer_bottom .d-flex , .footer_bottom p.text-center{display: block !important;    text-align: left!important;}
    .video {height: 350px;}
    .video-modal img {width: 100px;margin: 0% 0 0 0;}
    h5 {font-size: 1rem;}
    .thankyou {padding: 50% 0;}

}

/*.locations-icons.pt-4 {
    width: 130px;
    height: 110px;
    background:black;
    padding: 15px;
    border-radius: 15px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
}*/
.locations-icons.pt-4 {
    width: 50%;  
}
.locations-icons.pt-4 {
    width: 50%;
    justify-content: center;
    margin: auto;
    text-align: center;
}
.card-title {
    margin-bottom: 0.5rem;
    padding: 13px;
}
.card {
    width: 75%;
    border-radius: 30px;
    justify-content: center;
    margin: auto;
}
.btn.btn-primary {
  color: black;
  background-color: #FBDF60;
  border-radius: 26px;
  font-size: small;
  padding: 5px 19px;
  border: black;
  background-image: linear-gradient( to bottom, #DFCC73, #ae981c);
}
.btn.btn-primary:hover{
    color: white;
}
.bbbb {
    padding: 13px 13px 25px 13px;
}
.common-title-white {
    padding: 23px 0px 64px 0px;
}
#contact {
    width: 100%;
    height: 100%;
  }
  
  .section-header {
    text-align: center;
    margin: 0 auto;
    padding: 40px 0;
    font: 300 60px 'Oswald', sans-serif;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 6px;
  }
  
  .contact-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
    padding: 20px;
    position: relative;
    max-width: 840px;
  }
  
  /* Left contact page */
  .form-horizontal {
    /*float: left;*/
    max-width: 400px;
    font-family: 'Lato';
    font-weight: 400;
  }
  
  
  .send-button {
    margin-top: 15px;
    height: 34px;
    width: 400px;
    overflow: hidden;
    transition: all .2s ease-in-out;
  }
  
  .alt-send-button {
    width: 400px;
    height: 34px;
    transition: all .2s ease-in-out;
  }
  
  .send-text {
    display: block;
    margin-top: 10px;
    font: 700 12px 'Lato', sans-serif;
    letter-spacing: 2px;
  }
  
  .alt-send-button:hover {
    transform: translate3d(0px, -29px, 0px);
  }
  
  /* Begin Right Contact Page */
  .direct-contact-container {
    max-width: 400px;
  }
  
  /* Location, Phone, Email Section */
  .contact-list {
    list-style-type: none;
    margin-left: -30px;
    padding-right: 20px;
  }
  
  .list-item {
    line-height: 4;
    color: #aaa;
  }
  
  .contact-text {
    font: 300 18px 'Lato', sans-serif;
    letter-spacing: 1.9px;
    color: #bbb;
  }
  
  .place {
    margin-left: 62px;
  }
  
  .phone {
    margin-left: 56px;
  }
  
  .gmail {
    margin-left: 53px;
  }
  
  .contact-text a {
    color: #bbb;
    text-decoration: none;
    transition-duration: 0.2s;
  }
  
  .contact-text a:hover {
   
    text-decoration: none;
  }
  
  
  /* Social Media Icons */
  .contttone {
    padding: 4px;
}
.maincard {
  width: 75%;
  justify-content: center;
  margin: auto;
}
.conbox {
  background-color: #171717;
  padding: 19px;
  width: 80%;
  justify-content: center;
  border-radius: 12px;
  margin: auto;
  text-align: center;
}
.form-group.scds {
  padding: 7px;
  margin: auto;
  text-align: center;
  justify-content: center;
}
section#contact {
  background-image: url('../images/Imperia Slice/contact-bg.png');
  
}
.golden.d-block {
  color: #FBDF60;
}