@charset "utf-8";

body {
  position: relative;
  font-size: 12px;
  font-family: montserratlight;
  line-height: 2.2em;
  color: #474747
}

body:after {
  position: fixed;
  content: "";
  right: 0;
  bottom: 0;
  width: 342px;
  height: 408px;
  background: url(../images/rightbottomBg.png) no-repeat;
  z-index: -1
}

body:before {
  position: fixed;
  content: "";
  left: 4px;
  /*        top:10px;*/
  width: 170px;
  height: 321px;
  background: url(../images/toprightBg.png) no-repeat;
  z-index: -1
}

.mobileBr {
  display: none
}

.navigation {
  position: fixed;
  top: -101%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  width: 75.8%;
  margin: 0 auto 0 auto;
  background: #fff;
  transition: 1.5s
}

.navigation.active {
  top: 0;
  transition: 1s;
  z-index: 99
}

.navigation .navigationInner {
  position: relative;
  height: 100%;
  background: #fff
}

.navigation .navigationInner img {
  right: 0;
  position: absolute;
  bottom: 0
}

.navigation nav {
  margin: 120px 0 0 12%;
  z-index: 9;
  position: relative
}

.navigation nav ul li {
  margin: 10px 0
}

.navigation nav ul li a {
  color: #b7b7b7;
  font-size: 46px;
  line-height: 48px;
  font-family: 'Conv_Cabrito Contrast Bold';
  transition: .5s
}

.navigation nav ul li a:hover,
.navigation nav ul li.active a {
  color: #000;
  transition: .5s
}

.wrapper {
  width: 76%;
  margin: 77px auto 0 auto;
  position: relative;
  background: #fff;
  overflow: hidden
}

.wrapper:before {
  position: fixed;
  top: 0;
  left: 12%;
  width: 1px;
  height: 100%;
  content: "";
  background: #e4e4e4;
  z-index: 9
}

.wrapper:after {
  position: fixed;
  top: 0;
  right: 12%;
  width: 1px;
  height: 100%;
  content: "";
  background: #e4e4e4;
  z-index: 9
}

.bottomLeft {
  position: fixed;
  width: 12%;
  bottom: 0;
  left: 0;
  z-index: 99;
  text-align: center
}

.bottomLeft:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background: #e4e4e4;
  z-index: 9
}

.bottomLeft a {
  display: block;
  padding: 28px 0;
  text-transform: uppercase;
  color: #231f20;
  letter-spacing: 10px;
  transition: 2s;
  visibility: hidden;
  cursor: pointer;
  font-family: montserratregular
}

.bottomLeft a.animatetxt {
  letter-spacing: 0;
  visibility: visible;
  transition: 2s
}

.bottomRight {
  position: fixed;
  width: 12%;
  bottom: 0;
  right: 0;
  z-index: 99;
  text-align: center
}

.bottomRight:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background: #e4e4e4;
  z-index: 9
}

.bottomRight>a {
  display: block;
  padding: 28px 0;
  text-transform: uppercase;
  color: #231f20;
  letter-spacing: 10px;
  transition: 2s;
  visibility: hidden;
  cursor: pointer;
  font-family: montserratregular
}

.bottomRight>a.animatetxt {
  letter-spacing: 0;
  visibility: visible;
  transition: 2s;
  opacity: 1
}

.bottomRight>a.animatetxt.hide {
  opacity: 0
}

.bottomRight ul {
  text-align: center;
  position: absolute;
  bottom: -28px;
  width: 100%
}

.bottomRight ul.active {
  bottom: 28px
}

.bottomRight ul li {
  display: inline-block;
  margin: 0 1px;
  visibility: hidden
}

.bottomRight ul li.bounceInUp {
  visibility: visible
}

.scrollTxt {
  position: fixed;
  right: 3.9%;
  bottom: 115px;
  z-index: 999;
  color: #828282;
  text-transform: uppercase;
  letter-spacing: 2px;
  transform: rotate(-90deg);
  transition: .5s
}

.disclaimerWrap {
  position: fixed;
  top: 77px;
  background: #fff;
  z-index: 999999;
  width: 76%;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
  text-align: center
}

.disclaimerWrap .disclaimerInner {
  padding: 50px 60px
}

.disclaimerOverlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, .7);
  z-index: 999998
}

.disclaimerWrap .disclaimerInner .agreeBtn {
  margin-top: 38px
}

.disclaimerWrap .disclaimerInner .agreeBtn a {
  padding: 10px 60px;
  text-transform: uppercase;
  font-size: 14px;
  color: #040404;
  font-family: montserratregular;
  border: 1px solid #000;
  transition: .5s;
  display: inline-block
}

header {
  position: fixed;
  width: 76%;
  top: 0;
  left: 12%;
  z-index: 99998;
  background: #f9f9f9
}

header:after {
  position: fixed;
  width: 100%;
  height: 1px;
  content: "";
  background: #e4e4e4;
  left: 0;
  top: 76px
}

.logo {
  position: relative;
  left: 3%
}

.logo a {
  padding: 20px 0 19px 0;
  display: inline-block
}

.logo a img {
  width: 175px
}

.menuBtn {
  position: fixed;
  left: 0;
  top: 0;
  width: 12%;
  text-align: center
}

.menuBtn:after {
  position: absolute;
  top: 0;
  right: -1px;
  width: 1px;
  height: 100%;
  content: "";
  background: #e4e4e4;
  z-index: 9
}

.menuBtn a {
  text-transform: uppercase;
  color: #231f20;
  padding: 28px 0;
  display: block;
  font-family: montserratregular;
  display: block;
  letter-spacing: 10px;
  transition: 2s;
  visibility: hidden;
  cursor: pointer
}

.menuBtn a.animatetxt {
  letter-spacing: 0;
  visibility: visible;
  transition: 2s
}

.projectsBtn {
  position: fixed;
  right: 0;
  top: 0;
  width: 12%;
  text-align: center
}

.projectsBtn:after {
  position: absolute;
  top: 0;
  left: -1px;
  width: 1px;
  height: 100%;
  content: "";
  background: #e4e4e4;
  z-index: 9
}

.projectsBtn a {
  text-transform: uppercase;
  color: #231f20;
  padding: 28px 0;
  display: block;
  font-family: montserratregular;
  display: block;
  letter-spacing: 10px;
  transition: 2s;
  visibility: hidden;
  cursor: pointer
}

.projectsBtn a.animatetxt {
  letter-spacing: 0;
  visibility: visible;
  transition: 2s
}

.homeSlider .mobileBanner {
  display: none
}

.homeSlider .mobileBanner img {
  width: 100%
}

.homeSlider .slider video,
.myVideo-dimensions {
  width: 100% !important
}

.homeSlider .slider img {
  width: 100%
}

.videoBanner video {
  width: 100%
}

.slider .desktopBanner {
  display: block
}

.slider .mobileBanner {
  display: none
}

.homeAboutus {
  position: relative;
  height: 100%
}

.homeAboutus .aboutInfo {
  width: 50%;
  float: right;
  margin: 60px 100px 0 0;
  color: #474747
}

.homeAboutus .homeabout-img {
  position: absolute;
  bottom: 77px;
  left: 0
}

.homeprojectWrap {
  width: 90%;
  float: right;
  margin: 80px 0 0 0
}

.homeprojectWrap .projectBox {
  width: 80%
}

.homeprojectWrap .projectBox .projectImg {
  border-radius: 15px;
  overflow: hidden;
  position: relative
}

.homeprojectWrap .projectBox .projectImg video {
  width: 100%
}

.homeprojectWrap .projectBox .projectImg img {
  width: 100%
}

.homeprojectWrap .projectBox .projectImg img.projectLogo {
  width: auto;
  height: 72px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin: -38px auto 0 auto;
  max-width: 80%
}

.homeprojectWrap .projectBox .projectInfo {
  text-transform: uppercase;
  line-height: 18px;
  text-align: center;
  margin-top: 8px
}

.homeprojectWrap .slick-slide {
  opacity: .4;
  transition: .5s
}

.homeprojectWrap .slick-slide.slick-active {
  opacity: 1;
  transition: .5s
}

.homeprojectWrap .slick-slide .projectBox .projectInfo {
  opacity: 0;
  color: #000;
  transition: .5s
}

.homeprojectWrap .slick-slide.slick-active .projectBox .projectInfo {
  opacity: 1;
  transition: .5s
}

.homeprojectWrap .slick-arrow {
  position: absolute;
  right: 30px;
  bottom: -145px;
  width: 35px;
  height: 29px;
  border: none;
  text-indent: -1000px;
  overflow: hidden
}

.homeprojectWrap .slick-prev.slick-arrow {
  background: url(../images/prev-arrow.png) no-repeat;
  right: 80px
}

.homeprojectWrap .slick-next.slick-arrow {
  background: url(../images/next-arrow.png) no-repeat
}

.homeprojectWrap .slick-prev.slick-arrow.slick-disabled {
  display: none !important
}

.homeprojectWrap .slick-next.slick-arrow.slick-disabled {
  display: none !important
}

.homecontactWrap {
  position: relative;
  height: 100%;
  overflow: hidden
}

.homecontactWrap .contactusText {
  margin: 60px auto 0 auto;
  width: 80%;
  position: relative;
  z-index: 9
}

.homecontactWrap .contactusText h2 {
  margin-bottom: 60px
}

.homecontactWrap .contactusText h4 {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-family: montserratregular;
  color: #000
}

.homecontactWrap .contactusText ul li {
  width: 50%;
  float: left;
  color: #111
}

.homecontactWrap .contactusText ul li:first-child {
  width: 60%
}

.homecontactWrap .contactusText ul li:last-child {
  width: 40%;
  font-family: montserratregular
}

.homecontactWrap .contactusText ul li a {
  color: #000
}

.homecontactWrap .contactImg {
  position: absolute;
  right: 0;
  bottom: 77px;
  z-index: 1
}

.projectsWrap {
  position: relative
}

.projectsWrap .resp-tabs-list {
  position: absolute;
  top: 6px;
  left: 15%
}

.projectsWrap .resp-tabs-list li {
  text-transform: uppercase;
  font-size: 12px;
  color: #b7b7b7;
  padding: 2px 15px;
  position: relative
}

.projectsWrap .resp-tabs-list li.resp-tab-active {
  color: #231f20
}

.projectsWrap .resp-tabs-list li:after {
  position: absolute;
  right: 0;
  top: 25%;
  width: 1px;
  height: 50%;
  content: "";
  background: #b7b7b7
}

.projectsWrap .resp-tabs-list li:last-child:after {
  display: none
}

.container {
  width: 86%;
  margin: 60px auto 40px auto
}

.projectlistingWrap .projectBox {
  min-height: 180px;
  width: 48%;
  margin: 0 1% 30px 1%;
  float: left;
  -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .1);
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .1);
  border-radius: 20px;
  overflow: hidden
}

.projectlistingWrap .projectBox .projectImg {
  width: 50%;
  float: left;
  border-radius: 20px;
  overflow: hidden
}

.projectlistingWrap .projectBox .projectImg img {
  width: 100%
}

.projectlistingWrap .projectBox .projectInfo {
  width: 50%;
  float: left;
  text-transform: uppercase;
  text-align: center
}

.projectlistingWrap .projectBox .projectInfo .projectInfoinner {
  padding: 20px 20px 0 20px;
  line-height: 16px;
  color: #000;
  font-family: montserratregular
}

.projectlistingWrap .projectBox .projectInfo img {
  margin-bottom: 5px;
  max-height: 72px
}

.upcomingWrap ul li {
  width: 27%;
  float: left;
  margin: 0 2% 40px 2%;
  text-align: center;
  padding: 40px 1%;
  border-radius: 20px;
  -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .1);
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .1)
}

.upcomingWrap ul li img {
  max-height: 72px
}

.upcomingWrap ul li .upcomingInfo {
  text-transform: uppercase;
  color: #010101;
  font-family: 'Conv_Cabrito Contrast Bold';
  margin-top: 10px;
  font-size: 18px;
}

.completedWrap ul li {
  width: 31%;
  float: left;
  margin: 0 1% 30px 1%;
  text-align: center;
  background: #fff;
  -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .1);
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .1);
  border-radius: 20px;
  overflow: hidden
}

.completedWrap ul li .projectImg {
  overflow: hidden;
  border-radius: 20px
}

.completedWrap ul li .projectImg img {
  width: 100%
}

.completedWrap ul li .projectName {
  font-size: 20px;
  line-height: 22px;
  font-family: montserratbold;
  text-transform: uppercase;
  margin: 20px 10px 10px 10px
}

.completedWrap ul li .completedInfo {
  text-transform: uppercase;
  color: #000;
  font-family: montserratlight;
  margin: 10px 10px 20px 10px
}

.otherCompleted h3 {
  font-size: 22px;
  line-height: 24px;
  color: #231f20;
  font-family: 'Conv_Cabrito Contrast Bold';
  margin: 30px 0 30px 0
}

.otherCompleted ul li span {
  display: block;
  padding: 10px;
  font-size: 16px;
  text-transform: uppercase
}

.aboutSection1 {
  position: relative;
  height: 100%
}

.aboutSection1 img.aboutSectionbg1 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1
}

.aboutSection1 img.aboutSectionbg2 {
  position: absolute;
  right: 0;
  bottom: 77px;
  z-index: 1
}

.aboutSection1 .aboutSection1-info {
  font-size: 24px;
  margin: 210px auto 0 auto;
  width: 70%;
  text-align: center;
  position: relative;
  z-index: 9;
  font-family: 'Conv_Cabrito Contrast Bold';
  line-height: 38px
}

.aboutSection2 {
  width: 95%;
  margin: 50px auto 0 auto
}

.aboutSection2 .aboutSection2Left {
  width: 56%;
  float: left;
  margin-left: 3%;
  margin-right: 5%
}

.aboutSection2 .aboutSection2Right {
  width: 36%;
  float: left;
  text-align: center;
  margin-top: 7%;
}

.aboutSection2 .aboutSection2Right ul {
  margin-top: 50px
}

.aboutSection2 .aboutSection2Right ul li {
  float: left;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .1);
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .1)
}

.aboutSection2 .aboutSection2Right ul li:first-child {
  margin: 0 0 0 15px
}

.aboutSection2 .aboutSection2Right ul li:nth-child(2) {
  margin: 60px 0 0 15px
}

.aboutSection2 .aboutSection2Right ul li:last-child {
  margin: -60px 0 0 0
}

.aboutSection2 .aboutSection2Right ul li .info {
  position: absolute;
  bottom: 20px;
  left: 15%;
  color: #fff;
  width: 80%
}

.aboutSection2 .aboutSection2Right ul li .number {
  font-size: 38px;
  line-height: 38px;
  font-family: montserratbold;
  margin-bottom: 8px
}

.aboutSection2 .aboutSection2Right ul li .text {
  text-transform: uppercase;
  line-height: 18px
}

.teamWrap {
  width: 92%;
  float: right;
  margin: 60px 0 0 0
}

.teamWrap .teambox {
  width: 94%
}

.teamWrap .teambox .teamProfile {
  width: 30%;
  float: left;
  margin-right: 3%;
  border-radius: 20px;
  overflow: hidden
}

.teamWrap .teambox .teamProfile img {
  width: 100%
}

.teamWrap .teambox .teamInfo {
  width: 67%;
  float: left;
  font-family: montserratlight;
  margin-top: 20px;
  color: #000
}

.teamWrap .teambox .teamInfo .profile .name {
  font-family: montserratregular;
  text-transform: uppercase;
  font-size: 15px
}

.teamWrap .teambox .teamInfo .profile .designation {
  text-transform: uppercase
}

.teamWrap .slick-arrow {
  position: absolute;
  right: 30px;
  bottom: -168px;
  width: 35px;
  height: 29px;
  border: none;
  text-indent: -1000px;
  overflow: hidden
}

.teamWrap .slick-prev.slick-arrow {
  background: url(../images/prev-arrow.png) no-repeat;
  right: 80px
}

.teamWrap .slick-next.slick-arrow {
  background: url(../images/next-arrow.png) no-repeat
}

.teamWrap .slick-prev.slick-arrow.slick-disabled {
  display: none !important
}

.teamWrap .slick-next.slick-arrow.slick-disabled {
  display: none !important
}

.awardsWrap {
  width: 92%;
  float: right;
  margin: 60px 0 0 0
}

.awardsWrap .awardsSlider .slick-track {
  padding: 0 0 30px 0
}

.awardsWrap .awardsSlider .slick-track .slick-slide {
  opacity: .5;
  transition: .5s
}

.awardsWrap .awardsSlider .slick-track .slick-slide.slick-active {
  opacity: 1;
  transition: .5s
}

.awardsWrap .awardsBox {
  width: 94%;
  -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .1);
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .1);
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 30px
}

.awardsWrap .awardsBox .awardsInfo p {
  min-height: 35px;
  line-height: 18px
}

.awardsWrap .awardsBox .awardsImg {
  display: table-cell;
  position: relative;
  height: 100%;
  padding: 0 0 0 4%;
  vertical-align: middle;
  width: 17%;
  overflow: hidden
}

.awardsWrap .awardsBox .awardsImg img {
  width: 58px
}

.awardsWrap .awardsBox .awardsInfo {
  color: #020202;
  font-family: montserratlight;
  padding: 10px 4%;
  display: table-cell;
  height: 100%;
  vertical-align: middle
}

.awardsWrap .awardsBox .awardsInfo h3 {
  font-size: 15px;
  font-family: montserratregular;
  line-height: 18px;
  margin-bottom: 5px
}

.awardsWrap .slick-arrow {
  position: absolute;
  right: 30px;
  bottom: -10px;
  width: 35px;
  height: 29px;
  border: none;
  text-indent: -1000px;
  overflow: hidden
}

.awardsWrap .slick-prev.slick-arrow {
  background: url(../images/prev-arrow.png) no-repeat;
  right: 80px
}

.awardsWrap .slick-next.slick-arrow {
  background: url(../images/next-arrow.png) no-repeat
}

.awardsWrap .slick-prev.slick-arrow.slick-disabled {
  display: none !important
}

.awardsWrap .slick-next.slick-arrow.slick-disabled {
  display: none !important
}

.awardInfo {
  text-align: left;
  color: #020202;
  font-size: 12px;
  padding: 15px;
  font-family: montserratlight;
  min-height: 106px
}

.awardInfo h3 {
  font-size: 14px;
  color: #020202;
  line-height: 17px;
  margin-bottom: 10px;
  font-family: montserratregular
}

.googleMaps {
  margin-top: 30px
}

.googleMaps iframe {
  width: 80%;
  height: 180px
}

.contactForm-wrap {
  margin: 60px auto 0 auto;
  width: 80%;
  position: relative;
  z-index: 9
}

.contactForm-wrap .inputRow {
  position: relative;
  padding-bottom: 20px;
  overflow: hidden
}

.contactForm-wrap .inputRow label {
  width: 20%;
  float: left;
  padding: 5px 0
}

.contactForm-wrap .inputRow .inputBox {
  width: 80%;
  float: left;
  position: relative
}

.contactForm-wrap .inputRow .inputBox input {
  width: 94%;
  padding: 10px 22px 10px 15px;
  border: none;
  border-bottom: 1px solid #ccc;
  font-family: montserratlight;
  font-size: 12px
}

.contactForm-wrap .inputRow .inputBox textarea {
  width: 94%;
  padding: 10px 22px 10px 15px;
  border: none;
  border-bottom: 1px solid #ccc;
  font-family: montserratlight
}

.contactForm-wrap .inputSubmit {
  margin-left: 20%;
  margin-top: 20px
}

.contactForm-wrap .inputSubmit input {
  font-size: 14px;
  padding: 12px 60px;
  border: 1px solid #000;
  text-transform: uppercase;
  font-family: montserratregular
}

.compalsaryText {
  position: absolute;
  right: -22px;
  top: 5px;
  color: #231f20;
  z-index: -1;
  transition: .5s
}

.contactForm-wrap .inputRow .inputBox input:focus+.compalsaryText {
  right: 10px;
  transition: .5s
}

.contactForm-wrap .inputRow .inputBox textarea:focus+.compalsaryText {
  right: 10px;
  transition: .5s
}

.contactForm-wrap .inputRow .inputBox .formError {
  position: absolute;
  font-weight: 400;
  font-size: 12px;
  bottom: -24px;
  left: 0;
  font-family: montserratlight
}

.mediaWrapper {
  position: relative
}

.sliderWrap {
  position: absolute;
  top: 100px;
  width: 100%;
  z-index: -1
}

.sliderWrap.active {
  z-index: 9
}

.mediaWrapper .slick-slide {
  opacity: .6
}

.mediaWrapper .slick-slide.slick-active {
  opacity: 1
}

.mediaWrapper .mediaBox {
  margin-bottom: 20px;
  margin-right: 20px
}

.mediaWrapper .mediaBox a {
  display: table;
  height: 100%;
  vertical-align: middle
}

.mediaWrapper .mediaBox a .mediaImg {
  display: table-cell;
  position: relative;
  height: 100%;
  vertical-align: middle;
  background: #000;
  width: 32%;
  border-radius: 20px;
  overflow: hidden
}

.mediaWrapper .mediaBox a .mediaImg img {
  width: 100%;
  opacity: 1;
  transition: .5s
}

.mediaWrapper .mediaBox a:hover .mediaImg img {
  opacity: .6;
  transition: .5s
}

.mediaWrapper .mediaBox a .mediaImg img.overIcon {
  width: 27px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  transition: .8s;
  z-index: 99
}

.mediaWrapper .mediaBox a:hover .mediaImg img.overIcon {
  opacity: 1;
  transition: .8s
}

.mediaWrapper .mediaBox a .mediaInfo {
  font-family: montserratlight;
  color: #000;
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  padding-left: 3%
}

.mediaWrapper .mediaBox a .mediaInfo h4 {
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  font-family: montserratregular;
  color: #000
}

.mediaWrapper .slick-arrow {
  position: absolute;
  right: 0;
  bottom: -50px;
  width: 35px;
  height: 29px;
  border: none;
  text-indent: -1000px;
  overflow: hidden
}

.mediaWrapper .slick-prev.slick-arrow {
  background: url(../images/prev-arrow.png) no-repeat;
  right: 80px
}

.mediaWrapper .slick-next.slick-arrow {
  background: url(../images/next-arrow.png) no-repeat
}

.mediaWrapper .slick-prev.slick-arrow.slick-disabled {
  display: none !important
}

.mediaWrapper .slick-next.slick-arrow.slick-disabled {
  display: none !important
}

.mediaWrapper ul.filterList {
  position: absolute;
  top: 10px;
  left: 140px;
  visibility: hidden
}

.mediaWrapper ul.filterList li {
  position: relative;
  padding: 0 15px;
  line-height: 15px;
  float: left;
  color: #828282;
  cursor: pointer
}

.mediaWrapper ul.filterList li.active {
  color: #000
}

.mediaWrapper ul.filterList li:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  content: "";
  background: #000
}

.mediaWrapper ul.filterList li:last-child:after {
  display: none
}

.mediagalleryWrap {
  margin-top: 30px;
  width: 108%
}

.mediagalleryWrap .gallImg {
  margin-right: 15px;
  border-radius: 20px;
  overflow: hidden
}

.mediagalleryWrap .slick-slide {
  opacity: .6
}

.mediagalleryWrap .slick-slide.slick-active {
  opacity: 1
}

.mediagalleryWrap .gallImg img {
  width: 100%
}

.mediagalleryWrap .slick-arrow {
  position: absolute;
  right: 30px;
  bottom: -70px;
  width: 35px;
  height: 29px;
  border: none;
  text-indent: -1000px;
  overflow: hidden
}

.mediagalleryWrap .slick-prev.slick-arrow {
  background: url(../images/prev-arrow.png) no-repeat;
  right: 80px
}

.mediagalleryWrap .slick-next.slick-arrow {
  background: url(../images/next-arrow.png) no-repeat
}

.mediagalleryWrap .slick-prev.slick-arrow.slick-disabled {
  display: none !important
}

.mediagalleryWrap .slick-next.slick-arrow.slick-disabled {
  display: none !important
}

ul.resp-tabs-list {
  margin: 0;
  padding: 0
}

.resp-tabs-list li {
  display: inline-block;
  padding: 0;
  margin: 0;
  cursor: pointer;
  float: left
}

.resp-tabs-container {
  clear: left
}

h2.resp-accordion {
  cursor: pointer;
  display: none
}

.resp-tab-content {
  display: none
}

.resp-accordion-active,
.resp-content-active {
  display: block
}

.resp-easy-accordion h2.resp-accordion {
  display: block
}

.resp-jfit {
  width: 100%;
  margin: 0
}

.resp-tab-content-active {
  display: block
}

@media only screen and (max-width:100px) {
  ul.resp-tabs-list {
    display: none
  }

  h2.resp-accordion {
    display: block
  }

  .resp-vtabs .resp-tabs-container {
    float: none;
    width: 100%;
    min-height: initial;
    clear: none
  }

  .resp-accordion-closed {
    display: none !important
  }
}

.project-banner {
  position: relative
}

.project-banner img.bgImg {
  width: 100%
}

.project-banner img.bgImg.desktopBanner {
  display: block
}

.project-banner img.bgImg.mobileBanner {
  display: none
}

.project-banner .bannerDetails {
  position: absolute;
  top: 60%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 9;
  text-align: center;
  color: #fff;
  font-size: 15px;
  text-transform: uppercase
}

.project-banner .bannerDetails img {
  margin-bottom: 15px;
  max-height: 95px;
  max-width: 240px
}

.project-banner .reraNumber {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 9;
  color: #fff;
  font-family: montserratregular
}

.downloadBrochure-btn {
  margin: 20px 0 0 10px
}

.downloadBrochure-btn a {
  cursor: pointer;
  background-color: #b4b4b4;
  color: #fff;
  text-transform: uppercase;
  padding: 10px 20px;
  display: inline-block
}

.locationWrap {
  width: 90%;
  margin: 60px auto 0 auto;
  position: relative
}

.locationWrap .locationLeft {
  width: 55%;
  float: left
}

.locationWrap .locationLeft ul.resp-tabs-list {
  position: absolute;
  top: -4px;
  left: 16%
}

.locationWrap .locationLeft ul.resp-tabs-list li {
  color: #828282;
  text-transform: uppercase;
  cursor: pointer;
  padding: 5px 15px;
  position: relative;
  line-height: 40px
}

.locationWrap .locationLeft ul.resp-tabs-list li:last-child:after {
  display: none
}

.locationWrap .locationLeft ul.resp-tabs-list li:after {
  width: 1px;
  height: 15px;
  background: #828282;
  position: absolute;
  content: "";
  top: 35%;
  right: 0
}

.locationWrap .locationLeft ul.resp-tabs-list li.resp-tab-active {
  color: #231f20
}

.locationWrap .locationLeft .resp-tabs-container iframe {
  width: 100%;
  min-height: 300px
}

.locationWrap .locationRight {
  width: 45%;
  float: left
}

.locationWrap .locationRight .locationRightinner {
  padding: 75px 0 40px 40px;
  font-family: montserratlight;
  color: #474747
}

.projectoverviewWrap {
  position: relative
}

.projectoverview-img {
  position: absolute;
  top: 0;
  left: 0
}

.projectoverview {
  width: 45%;
  float: right;
  font-family: montserratlight;
  margin: 100px 60px 0 0
}

.showcaseWrap {
  width: 92%;
  margin: 60px auto 0 auto;
  float: right;
  position: relative
}

.showcaseWrap .showcaseSlider .gallerySlider img {
  border-radius: 20px;
  overflow: hidden
}

.showcaseWrap .showcaseSlider .gallerySlider .slick-slide {
  opacity: .6;
  transition: .5s
}

.showcaseWrap .showcaseSlider .gallerySlider .slick-slide.slick-active {
  opacity: 1;
  transition: .5s
}

.showcaseWrap .showcaseSlider .gallerySlider .title {
  margin-left: 10px
}

.showcaseWrap .slick-arrow {
  position: absolute;
  right: 30px;
  bottom: -90px;
  width: 35px;
  height: 29px;
  border: none;
  text-indent: -1000px;
  overflow: hidden
}

.showcaseWrap .slick-prev.slick-arrow {
  background: url(../images/prev-arrow.png) no-repeat;
  right: 80px
}

.showcaseWrap .slick-next.slick-arrow {
  background: url(../images/next-arrow.png) no-repeat
}

.showcaseWrap .slick-prev.slick-arrow.slick-disabled {
  display: none !important
}

.showcaseWrap .slick-next.slick-arrow.slick-disabled {
  display: none !important
}

.specificationWrap ul li {
  width: 31%;
  margin: 0 1% 45px 1%;
  float: left
}

.specificationWrap ul li img {
  margin-bottom: 10px;
  width: 68px;
}

.specificationWrap ul li span {
  display: block;
  text-transform: uppercase;
  color: #211919;
  font-size: 14px;
  line-height: 20px;
  font-family: montserratregular
}

.featuresWrap {
  padding: 60px 5% 10px 5%;
  background: #f7f7f7;
  position: relative;
  height: 88%
}

.featuresWrap .featuresInner {
  position: relative
}

.featuresWrap .featuresInner ul.resp-tabs-list {
  position: absolute;
  top: -6px;
  left: 32%
}

.featuresWrap .featuresInner ul.resp-tabs-list li {
  color: #828282;
  text-transform: uppercase;
  cursor: pointer;
  padding: 5px 15px;
  position: relative;
  line-height: 40px
}

.featuresWrap .featuresInner ul.resp-tabs-list li:last-child:after {
  display: none
}

.featuresWrap .featuresInner ul.resp-tabs-list li:after {
  width: 1px;
  height: 12px;
  background: #828282;
  position: absolute;
  content: "";
  top: 35%;
  right: 0
}

.featuresWrap .featuresInner .resp-tabs-list li.resp-tab-active {
  color: #000
}

.featuresWrap .featuresInner .resp-tabs-list li:after {
  position: absolute;
  content: "";
  right: 0;
  top: 10%;
  width: 1px;
  height: 80%;
  background: #b7b7b7
}

.featuresWrap .featuresInner .resp-tabs-list li:last-child:after {
  display: none
}

.featuresWrap .amenitiesWrap ul {
  width: 48%;
  float: left;
  margin: 0 1%
}

.featuresWrap .amenitiesWrap ul li {
  margin-bottom: 18px;
  color: #474747
}

.featuresWrap .amenitiesWrap ul li p {
  margin-top: 0
}

.featuresWrap .amenitiesWrap ul li h4 {
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #000;
  font-family: montserratsemi_bold
}

.testimonialsWrap {
  width: 92%;
  margin: 60px auto 0 auto;
  float: right;
  position: relative
}

.testimonialsWrap .testimonialsSliderwrap .testimonialsSlider .testimonialsBox {
  margin: 0 15px 0 0
}

.testimonialsWrap .testimonialsSliderwrap .testimonialsSlider .testimonialsBox .videoThum {
  position: relative
}

.testimonialsWrap .testimonialsSliderwrap .testimonialsSlider .testimonialsBox .videoThum img {
  width: 100%;
  border-radius: 15px
}

.testimonialsWrap .testimonialsSliderwrap .testimonialsSlider .testimonialsBox .videoThum img.videoIcon {
  border-radius: 0;
  position: absolute;
  width: auto;
  right: 15px;
  bottom: 15px
}

.testimonialsWrap .testimonialsSliderwrap .testimonialsSlider .testimonialsBox .info {
  margin: 10px;
  color: #000
}

.testimonialsWrap .testimonialsSliderwrap .testimonialsSlider .testimonialsBox .info h4 {
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  color: #000;
  font-family: montserratregular;
  margin-bottom: 5px
}

.testimonialsWrap .testimonialsSliderwrap .testimonialsSlider .testimonialsBox .info p {
  margin-top: 0
}

.testimonialsWrap .testimonialsSliderwrap .testimonialsSlider .slick-slide {
  opacity: .6;
  transition: .5s
}

.testimonialsWrap .testimonialsSliderwrap .testimonialsSlider .slick-slide.slick-active {
  opacity: 1;
  transition: .5s
}

.testimonialsWrap .slick-arrow {
  position: absolute;
  right: 30px;
  bottom: -70px;
  width: 35px;
  height: 29px;
  border: none;
  text-indent: -1000px;
  overflow: hidden
}

.testimonialsWrap .slick-prev.slick-arrow {
  background: url(../images/prev-arrow.png) no-repeat;
  right: 80px
}

.testimonialsWrap .slick-next.slick-arrow {
  background: url(../images/next-arrow.png) no-repeat
}

.testimonialsWrap .slick-prev.slick-arrow.slick-disabled {
  display: none !important
}

.testimonialsWrap .slick-next.slick-arrow.slick-disabled {
  display: none !important
}

.gettouchWrap {
  width: 90%;
  margin: 60px auto 0 auto;
  position: relative
}

.gettouchWrap .gettouchformWrap .inputRow {
  position: relative;
  width: 46%;
  margin: 0 2% 0 2%;
  float: left;
  padding-bottom: 30px;
  overflow: hidden
}

.gettouchWrap .gettouchformWrap .inputRow label {
  width: 24%;
  float: left;
  text-transform: uppercase;
  color: #8e8e8e;
  margin-top: 24px;
  line-height: 18px;
}

.gettouchWrap .gettouchformWrap .inputRow .inputBox {
  position: relative;
  width: 76%;
  float: left
}

.gettouchWrap .gettouchformWrap .inputRow .inputBox input {
  width: 94%;
  padding: 12px 10px;
  border: none;
  border-bottom: 1px solid #3f3f3f;
  font-family: montserratlight
}

.gettouchWrap .gettouchformWrap .inputRow .inputBox select {
  width: 100%;
  padding: 12px 10px;
  border: none;
  border-bottom: 1px solid #3f3f3f;
  font-family: montserratlight
}

.gettouchWrap .gettouchformWrap .inputRow .inputBox textarea {
  width: 94%;
  padding: 12px 10px;
  border: none;
  border-bottom: 1px solid #3f3f3f;
  font-family: montserratlight
}

.gettouchWrap .gettouchformWrap .inputRow.fullWidth {
  width: 96%;
  float: none
}

.gettouchWrap .gettouchformWrap .inputRow.fullWidth label {
  width: 8.5%
}

.gettouchWrap .gettouchformWrap .inputRow.fullWidth .inputBox {
  width: 91.5%
}

.gettouchWrap .gettouchformWrap .inputRow.fullWidth .inputBox textarea {
  width: 98%
}

.inputSubmit {
  width: auto;
  float: none;
  margin: 10px 2% 0 10.5%
}

.inputSubmit input {
  padding: 12px 60px;
  text-transform: uppercase;
  font-size: 14px;
  color: #040404;
  font-family: montserratregular;
  border: 1px solid #000;
  transition: .5s
}

.inputSubmit input:hover {
  background: #000;
  color: #fff;
  transition: .5s
}

.gettouchWrap .gettouchformWrap .inputRow .inputBox input:focus+.compalsaryText {
  right: 10px;
  transition: .5s
}

.gettouchWrap .gettouchformWrap .inputRow .inputBox textarea:focus+.compalsaryText {
  right: 10px;
  transition: .5s
}

.gettouchWrap .gettouchformWrap .inputRow .inputBox .formError {
  position: absolute;
  font-weight: 400;
  font-size: 12px;
  bottom: -24px;
  left: 0;
  font-family: montserratlight
}

.redevOverview {
  position: relative;
  height: 100%
}

.redevOverview .redevOverviewInfo {
  width: 45%;
  margin: 60px 4% 0 10%;
  float: left
}

.redevOverview .redevOverviewbg {
  position: absolute;
  right: 0;
  bottom: 77px
}

.redevOverview .aboutSection2Right {
  width: 36%;
  float: left;
  position: relative;
  z-index: 9
}

.redevOverview .aboutSection2Right ul {
  margin-top: 100px
}

.redevOverview .aboutSection2Right ul li {
  float: left;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .1);
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .1)
}

.redevOverview .aboutSection2Right ul li:first-child {
  margin: 0 0 0 15px
}

.redevOverview .aboutSection2Right ul li:nth-child(2) {
  margin: 60px 0 0 15px
}

.redevOverview .aboutSection2Right ul li:last-child {
  margin: -60px 0 0 0
}

.redevOverview .aboutSection2Right ul li .info {
  position: absolute;
  bottom: 20px;
  left: 15%;
  color: #000;
  width: 80%
}

.redevOverview .aboutSection2Right ul li .number {
  font-size: 38px;
  line-height: 38px;
  font-family: montserratbold;
  margin-bottom: 8px
}

.redevOverview .aboutSection2Right ul li .text {
  text-transform: uppercase;
  line-height: 18px
}

.locationsSection {
  position: relative;
  height: 100%;
  background: url(../images/mapBg.png) no-repeat
}

.locationsSection .locationsSection-inner {
  width: 86%;
  margin: 60px auto 0 auto
}

.locationsSection .locationsSectionLeft {
  width: 35%;
  float: left;
  margin-top: 40px;
  font-family: montserratlight
}

.locationsSection .locationsSectionRight {
  width: 58%;
  float: left;
  margin-left: 7%
}

.locationsSection .locationsSectionRight ul li {
  position: relative;
  float: left;
  overflow: hidden;
  border-radius: 20px;
  -webkit-box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, .1)
}

.locationsSection .locationsSectionRight ul li:first-child {
  margin: 80px 10px 0 0
}

.locationsSection .locationsSectionRight ul li:nth-child(2) {
  margin: 0 10px 10px 0
}

.locationsSection .locationsSectionRight ul li:nth-child(3) {
  margin: 70px 10px 10px 0
}

.locationsSection .locationsSectionRight ul li:nth-child(4) {
  margin: -70px 10px 10px 0
}

.locationsSection .locationsSectionRight ul li .text {
  position: absolute;
  bottom: 15px;
  left: 10px;
  font-size: 19px;
  line-height: 24px;
  text-transform: uppercase;
  font-family: montserratbold;
  color: #000
}

.processWrap {
  width: 92%;
  float: right;
  margin: 60px 0 0 0
}

.processWrap .processSlider .slick-slide {
  opacity: .6
}

.processWrap .processSlider .slick-slide.slick-active {
  opacity: 1
}

.processWrap .processSlider .processBox {
  background: #f6f6f6;
  border-radius: 20px;
  padding: 20px 20px 20px 30px;
  margin: 0 15px 15px 15px;
  position: relative;
  font-family: montserratlight;
  font-size: 13px;
  line-height: 24px;
  min-height: 107px
}

.processWrap .processSlider .processBox span {
  position: absolute;
  left: -12px;
  background: #000;
  border-radius: 6px;
  padding: 6px 0;
  width: 24px;
  height: 12px;
  text-align: center;
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
  font-family: montserratlight;
  color: #fff;
  top: 50%;
  margin-top: -12px
}

.processWrap .processSlider .processBox h3 {
  text-transform: uppercase;
  color: #231f20;
  font-size: 14px;
  font-family: montserratregular;
  line-height: 20px
}

.processWrap .slick-arrow {
  position: absolute;
  right: 30px;
  bottom: -64px;
  width: 35px;
  height: 29px;
  border: none;
  text-indent: -1000px;
  overflow: hidden
}

.processWrap .slick-prev.slick-arrow {
  background: url(../images/prev-arrow.png) no-repeat;
  right: 80px
}

.processWrap .slick-next.slick-arrow {
  background: url(../images/next-arrow.png) no-repeat
}

.processWrap .slick-prev.slick-arrow.slick-disabled {
  display: none !important
}

.processWrap .slick-next.slick-arrow.slick-disabled {
  display: none !important
}

.standardDocumentsWrap {
  width: 90%;
  float: right;
  margin: 60px auto 0 auto;
  position: relative
}

.standardDocumentsWrap ul li {
  width: 46%;
  margin: 0 1% 5px 1%;
  float: left;
  padding-left: 8px;
  background: url(../images/bullet.png) no-repeat left top 10px
}

.documentHeighlight {
  margin-top: 80px
}

.documentHeighlight span {
  font-size: 18px;
  text-transform: uppercase;
  font-family: montserratbold;
  display: inline-block;
  margin-left: 5px;
  color: #000
}

.documentHeighlight a {
  color: #000
}

.redevshowcaseWrap {
  width: 92%;
  margin: 60px auto 0 auto;
  float: right;
  position: relative
}

.redevshowcaseWrap .showcaseBox {
  margin: 0 30px 30px 0;
  text-align: center;
  background: #fff;
  -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .1);
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .1);
  border-radius: 20px;
  overflow: hidden
}

.redevshowcaseWrap .showcaseBox .projectImg {
  overflow: hidden;
  border-radius: 20px
}

.redevshowcaseWrap .showcaseBox .projectImg img {
  width: 100%
}

.redevshowcaseWrap .showcaseBox .projectName {
  font-size: 20px;
  line-height: 22px;
  font-family: montserratbold;
  text-transform: uppercase;
  margin: 20px 10px 10px 10px
}

.redevshowcaseWrap .showcaseBox .completedInfo {
  text-transform: uppercase;
  color: #000;
  font-family: montserratlight;
  margin: 10px 10px 20px 10px
}

.redevshowcaseWrap .slick-arrow {
  position: absolute;
  right: 30px;
  bottom: -55px;
  width: 35px;
  height: 29px;
  border: none;
  text-indent: -1000px;
  overflow: hidden
}

.redevshowcaseWrap .slick-prev.slick-arrow {
  background: url(../images/prev-arrow.png) no-repeat;
  right: 80px
}

.redevshowcaseWrap .slick-next.slick-arrow {
  background: url(../images/next-arrow.png) no-repeat
}

.redevshowcaseWrap .slick-prev.slick-arrow.slick-disabled {
  display: none !important
}

.redevshowcaseWrap .slick-next.slick-arrow.slick-disabled {
  display: none !important
}

.featuresWrap .featuresInner.redevlopment ul.resp-tabs-list {
  left: 42%
}

.careersWrap {
  width: 90%;
  margin: 60px 0 0 10%;
  position: relative;
  height: 100%
}

.careersWrap .careersInner {
  width: 65%;
  z-index: 9;
  position: relative
}

.careersWrap .careersInner.thankyouInner a {
  color: #474747
}

.careersWrap .careersInner .careersHeighlight {
  font-size: 18px;
  line-height: 20px;
  color: #231f20;
  margin-top: 40px;
  font-family: montserratsemi_bold
}

.careersWrap .careersInner .careersHeighlight a {
  color: #231f20
}

.careersWrap img.careersSectionbg1 {
  position: absolute;
  right: 0;
  bottom: 137px;
  z-index: 1
}

.videoGall {
  margin-top: 60px
}

.videoGall iframe {
  width: 80%;
  height: 350px
}

.testimonialsContainer .testimonialsGroup {
  width: 31%;
  float: left;
  margin: 0 1% 20px 1%
}

.testimonialsContainer .testimonialsGroup .testimonialsBox .videoThum {
  position: relative
}

.testimonialsContainer .testimonialsGroup .testimonialsBox .videoThum img {
  width: 100%;
  border-radius: 15px
}

.testimonialsContainer .testimonialsGroup .testimonialsBox .videoThum img.videoIcon {
  border-radius: 0;
  position: absolute;
  width: auto;
  right: 15px;
  bottom: 15px
}

.testimonialsContainer .testimonialsGroup .testimonialsBox .info {
  font-size: 12px;
  margin: 10px;
  color: #000;
  min-height: 130px
}

.testimonialsContainer .testimonialsGroup .testimonialsBox .info h4 {
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  color: #000;
  font-family: montserratregular;
  margin-bottom: 5px
}

.testimonialsContainer .testimonialsGroup .testimonialsBox .info p {
  margin-top: 0
}

h1 {
  font-size: 30px;
  line-height: 32px;
  color: #231f20;
  font-family: 'Conv_Cabrito Contrast Bold';
  margin-bottom: 40px
}

h2 {
  font-size: 30px;
  line-height: 32px;
  color: #231f20;
  font-family: 'Conv_Cabrito Contrast Bold';
  margin-bottom: 40px
}

p {
  margin-top: 10px
}

p:first-child {
  margin: 0
}

input,
select,
textarea {
  font-size: 14px;
  background: 0 0;
  border: 1px solid #dadada;
  padding: 10px;
  margin: 0
}

input:focus,
textarea:focus {
  border-color: #c1c1c1;
  background: 0 0
}

.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: 0
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block
}

.slick-track:after,
.slick-track:before {
  display: table;
  content: ''
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  right: 5.8%
}

#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0
}

#fp-nav ul li,
.fp-slidesNav ul li {
  display: block;
  width: 7px;
  height: 7px;
  margin: 40px 0;
  position: relative
}

.fp-slidesNav ul li {
  display: inline-block
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  border-radius: 50%;
  background: #b2b2b2;
  transition: .5s
}

#fp-nav ul li a.active,
.fp-slidesNav ul li a.active {
  background: #000;
  transition: .5s
}

@font-face {
  font-family: montserratbold;
  src: url(fonts/montserrat-bold-webfont.eot);
  src: url(fonts/montserrat-bold-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/montserrat-bold-webfont.woff) format('woff'), url(fonts/montserrat-bold-webfont.ttf) format('truetype'), url(fonts/montserrat-bold-webfont.svg#montserratbold) format('svg');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: montserratsemi_bold;
  src: url(fonts/montserrat-semibold-webfont.eot);
  src: url(fonts/montserrat-semibold-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/montserrat-semibold-webfont.woff) format('woff'), url(fonts/montserrat-semibold-webfont.ttf) format('truetype'), url(fonts/montserrat-semibold-webfont.svg#montserratsemi_bold) format('svg');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: montserratregular;
  src: url(fonts/montserrat-regular-webfont.eot);
  src: url(fonts/montserrat-regular-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/montserrat-regular-webfont.woff) format('woff'), url(fonts/montserrat-regular-webfont.ttf) format('truetype'), url(fonts/montserrat-regular-webfont.svg#montserratregular) format('svg');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: montserratlight;
  src: url(fonts/montserrat-light-webfont.eot);
  src: url(fonts/montserrat-light-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/montserrat-light-webfont.woff) format('woff'), url(fonts/montserrat-light-webfont.ttf) format('truetype'), url(fonts/montserrat-light-webfont.svg#montserratlight) format('svg');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: 'Conv_Cabrito Contrast Bold';
  src: url('fonts/Cabrito Contrast Bold.eot');
  src: url('fonts/Cabrito Contrast Bold.woff') format('woff'), url('fonts/Cabrito Contrast Bold.ttf') format('truetype'), url('fonts/Cabrito Contrast Bold.svg') format('svg');
  font-weight: 400;
  font-style: normal
}

#sb-container {
  z-index: 999999
}

#sb-wrapper-inner {
  border: none
}

.whatsApp {
  position: fixed;
  top: 25px;
  right: 15%;
  z-index: 999999
}

.whatsApp a {
  display: block;
  line-height: 20px
}

.whatsApp a img {
  width: 25px
}

.profileNw {
  position: fixed;
  top: 0px;
  right: 30%;
  z-index: 999999
}

.profileNw a {
  text-transform: uppercase;
  color: #231f20;
  padding: 28px 0;
  display: block;
  font-family: montserratregular;
  transition: 2s;
  cursor: pointer;
  line-height: 20px
}

.enquiryNw {
  position: fixed;
  top: 0px;
  right: 20%;
  z-index: 999999
}

.enquiryNw a {
  text-transform: uppercase;
  color: #231f20;
  padding: 28px 0;
  display: block;
  font-family: montserratregular;
  transition: 2s;
  cursor: pointer;
  line-height: 20px
}

.igbcLogo {
  text-align: right;
  margin-right: 20px;
}

.alert.alert-notice {
  display: none;
}

.featuresWrap.nobgcolor {
  background: none;
}

.specificationWrap.col5 h3 {
  font-size: 24px;
  line-height: 24px;
  color: #231f20;
  font-family: 'Conv_Cabrito Contrast Bold';
  margin-bottom: 30px;
  margin-top: 50px;
}

@media only screen and (min-width: 960px) {
  .specificationWrap.col5 ul li {
    width: 18%;
  }
}

.range-slider {
  width: 300px;
  text-align: center;
  position: relative;
  padding-bottom: 20px;
}

.range-slider .rangeValues {
  display: block;
  text-align: left
}

.range-slider input[type=range] {
  -webkit-appearance: none;
  border: 1px solid white;
  width: 300px;
  position: absolute;
  left: 0;
}

.range-slider input[type=range]::-webkit-slider-runnable-track {
  width: 300px;
  height: 5px;
  background: #ddd;
  border: none;
  border-radius: 3px;
}

.range-slider input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #21c1ff;
  margin-top: -4px;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.range-slider input[type=range]:focus {
  outline: none;
}

.range-slider input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ccc;
}

.range-slider input[type=range]::-moz-range-track {
  width: 300px;
  height: 5px;
  background: #ddd;
  border: none;
  border-radius: 3px;
}

.range-slider input[type=range]::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #21c1ff;
}

.contactForm-wrap .inputRow .inputBox .range-slider input {
  border-bottom: none;
  padding: 5px 0 0 0;
}

/*hide the outline behind the border*/
.range-slider input[type=range]:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}

.contactForm-wrap .inputRow .inputBox select {
  width: 100%;
  padding: 10px 22px 10px 15px;
  border: none;
  border-bottom: 1px solid #ccc;
  font-family: montserratlight;
  font-size: 12px;
}

.range-slider input[type=range]::-ms-track {
  width: 300px;
  height: 5px;
  background: transparent;
  border-color: transparent;
  border-width: 6px 0;
  color: transparent;
  z-index: -4;
}

.range-slider input[type=range]::-ms-fill-lower {
  background: #777;
  border-radius: 10px;
}

.range-slider input[type=range]::-ms-fill-upper {
  background: #ddd;
  border-radius: 10px;
}

.range-slider input[type=range]::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #21c1ff;
}

.range-slider input[type=range]:focus::-ms-fill-lower {
  background: #888;
}

.range-slider input[type=range]:focus::-ms-fill-upper {
  background: #ccc;
}

#popup1_background {
  z-index: 99999998;
}

#popup1_wrapper {
  z-index: 999999999;
}

#popup1 {
  background: #ffffff;
  padding: 30px;
  width: 380px;
  z-index: 9999;
}

#popup1 .inputbox {
  width: 100%;
  position: relative;
  margin: 0 0 30px 0;
}

#popup1 .inputbox input {
  width: 92%;
  border: 1px solid #313131;
  padding: 12px;
  color: #000000;
  font-family: montserratregular;
}

#popup1 .inputbox .formError {
  position: absolute;
  bottom: -20px;
  left: 0;
  font-weight: normal;
  font-size: 13px;
}

#popup1 .inputSubmit {
  margin: 0;
}

.popup1_close.popClose {
  position: absolute;
  font-size: 30px;
  color: #ff0000;
  right: -10px;
  top: -14px;
  cursor: pointer;
}

#popup1 h3 {
  font-size: 20px;
  line-height: 20px;
  color: #231f20;
  font-family: 'Conv_Cabrito Contrast Bold';
  margin-bottom: 15px;
}

.reraqr {
  width: 130px;
}

.reraqr img {
  width: 100%;
}

.bottomFix {
  position: fixed;
  width: 76%;
  bottom: 0;
  left: 12%;
  z-index: 8;
  text-align: center;
}

.bottomFix>div {
  position: relative;
  background: #f9f9f9;
  padding: 28px 0;
}

.bottomFix>div:after {
  position: absolute;
  width: 100%;
  height: 1px;
  content: "";
  background: #e4e4e4;
  left: 0;
  top: 0;
}

.gettouchWrap .gettouchformWrap .inputRow.radioInput {}

.gettouchWrap .gettouchformWrap .inputRow.radioInput .inputBox {
  margin: 22px 0 0 0;
}

.gettouchWrap .gettouchformWrap .inputRow.radioInput .inputBox input {
  width: auto;
}

.gettouchWrap .gettouchformWrap .inputRow.radioInput .inputBox label {
  float: none;
  margin-left: 6px;
  margin-right: 15px;
}

.contactForm-wrap .enquiryform .inputRow {
  width: 48%;
  float: left;
  margin: 0 1% 20px 1%;
}

.contactForm-wrap .enquiryform .inputRow.fullwidth {
  width: 98%;
}

.contactForm-wrap .enquiryform .inputSubmit {
  margin-left: 0;
}

.contactForm-wrap .enquiryform .inputRow label {
  width: auto;
  float: none;
}

.contactForm-wrap .enquiryform .inputRow .inputBox {
  width: auto;
  float: none;
  position: relative;
}

.mediaVideo {
  width: 100%;
  max-width: 600px;
  margin-top: 30px;
}

.mediaVideo iframe {
  width: 100%;
  height: 350px;
}