@charset "UTF-8";


* {
  padding: 0px; margin: 0px; outline: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;
}
img{
  max-width:100%; height: auto;
}
body {
  margin: 0; font-size: 16px; font-weight: 400; line-height: 1.5; color: #000000; font-family: 'Tw Cen MT', sans-serif; overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0; padding: 0; font-family: 'Tw Cen MT', sans-serif;
}

p {
  margin: 0; padding: 0; font-family: 'Tw Cen MT', sans-serif; font-size: 16px; font-weight: 400; color: #000000;
}
ol, ul, dl {
  margin: 0; padding: 0;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin: 0; padding: 0;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #0056b3;
  text-decoration: none;
}
button:focus{
  outline: none;
}

@font-face {
  font-family: 'Tw Cen MT';
  src: url('../fonts/TwCenMT-Bold.woff2') format('woff2'),
      url('../fonts/TwCenMT-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Tw Cen MT';
  src: url('../fonts/TwCenMT-Regular.woff2') format('woff2'),
      url('../fonts/TwCenMT-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #34BAA0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.btn-transparent{
  border: 1px solid #fff; font-size: 21px; text-transform: uppercase; font-weight: 700; color: #fff; letter-spacing: 1.1px; padding: 9px 20px; border-radius: 0;
}
.btn-transparent:hover{
  color: #fff; border-color:#34BAA0;
}

.hvr-outline-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  opacity: 1;
}
.hvr-outline-in:before {
  pointer-events: none;
  content: '';
  position: absolute;
  border: #34BAA0 solid 2px;
  top: -16px;
  right: -16px;
  bottom: -16px;
  left: -16px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}

/* Header css start */
.site-header{
  background-color: #000; padding: 55px 0 23px 0; border-bottom:6px solid #34BAA0;
}
.site-nav .navbar-nav li a{
  text-transform: uppercase; color: #fff; font-size: 21px; font-weight: 400; letter-spacing: 1.3px;
}
.site-nav .navbar-nav li a:hover{
  color: #34BAA0;
}
.site-nav .navbar-nav li a.nav-link{
  padding-left: 15px; padding-right: 15px;
}
.site-nav .navbar-nav li:first-child a.nav-link{
  padding-left: 0;
}
/* .site-nav .navbar-nav li:last-child a.nav-link{
  padding-left: 22px; padding-right: 22px;
} */
.site-nav{
  padding: 0;
}
.site-header .navbar-toggler{
  border: 1px solid #34BAA0; width: 56px; height: 40px;
}
.site-header .navbar-toggler-icon{
  position: relative;
}
.site-header .navbar-toggler-icon:after{
  position: absolute; top: 5px; content: '\f0c9'; font-family: 'FontAwesome'; color: #34BAA0; left: 0;
  right: 0
}
.site-header .navbar-toggler>.close {
  display:inline; color: #34BAA0; opacity: 1; font-size: 30px; font-weight: 400; float: none; line-height: .5;
}
.site-header .navbar-toggler.collapsed>.close, .navbar-toggler:not(.collapsed)>.navbar-toggler-icon {
  display:none;
}

/* Header css end */

/* banner css start */
.banner-carousel, .banner_slider{
  position: relative;
}
.banner_slider{
  min-height: 700px;
}
.banner-carousel .item{
  background-size: cover !important; width: 100%; height: 766px; background-color: #000000 !important;
}
.banner-carousel-content .text-image{
  width: 446px !important; margin-bottom: 48px;
}
.banner-carousel-content{
  position: absolute; top: 42%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 0 15px; margin: 0 auto;
}
.banner-carousel-content p{
  font-size: 27px; font-weight: 400; color: #fff; margin:0 0 32px 0; width: 360px; line-height: 26px;
}
.banner-carousel .owl-nav{
  position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%;
}
.banner-carousel .owl-prev{
  float: left; margin-left: 10px;
}
.banner-carousel .owl-next{
  float: right; margin-right: 10px;
}
.prev-slide:before, .next-slide:before{
  font-family: 'FontAwesome'; font-size: 55px; color: #34BAA0;
}
.prev-slide:before{
  content: '\f104';
}
.next-slide:before{
  content: '\f105';
}

/* banner css end */



/* welcome text start */
.welcometxt { overflow: hidden; position: relative; margin-top: -123px; z-index: 99999; }
.welcometxt h1 { color: #000; font-size: 35px; text-transform: uppercase; font-weight: 700; padding: 19px 0 62px; background: #d8dcdd; z-index: 99;}
.welcometxt .toppart { background: #d8dcdd; border-top: 10px solid #34baa0; width: calc(100% - 130px); height: 151px; float: right; position: relative;}
.welcometxt .toppart:before { content: ""; display: block; width: 132px; height: 152px; background: url(../images/arrow_banner.png) no-repeat top right; position: absolute; top: -10px; left: -130px; }
.welcometxt .col-md-12:before { content: ""; display: block; position: absolute; left: -973px; top: 0px; background: #d8dcdd; height: 100%; width: 1000px; border-top: 10px solid #34baa0; z-index: -1;}
.welcometxt .col-md-12:after { content: ""; display: block; position: absolute; right: -982px; top: 0px; background: #d8dcdd; height: 100%; width: 1000px; border-top: 10px solid #34baa0;}
/* banner text end */

/* locate here css start */

.locate-here-sec{
  padding: 60px 0 20px 0;
}
.locate-here-wrapper p{
  color: #000; font-size: 20px; font-weight: 400; line-height: 25px;
}
.locate-here-wrapper p + p{
  margin-top: 24px;
}
.get-started-wrapper{
  margin-top: 88px;
}
.get-started-col{
  padding-right: 20px; padding-left: 20px; margin-bottom: 40px;
}
.get-started-box .img-box{
  width: 100%; height: 260px;
}
.get-started-box .img-box img{
  width: 100%; height: 100%;
}
.loction-name{
  background: #000; margin-top: 8px; padding: 16px 10px; display: block;
}
.loction-name h2{
  font-size: 16px; text-transform: uppercase; color: #fff; text-align: center; font-weight: 700;
}

.get-started-box a:hover .hvr-sweep-to-right:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* locate here css end */
/* map css start */
.map-sec{
  background: #D8DCDD; padding: 70px 0;
}
/* map css end */

/* About city start */
.about-city-sec{
  padding: 86px 0 0 0 ;
}
.main-title{
  text-transform: uppercase; font-size: 35px; line-height: 21px; font-weight: 700; color: #000; margin-bottom: 55px;
}
.common-content p{
  font-size: 20px; font-weight: 400; line-height: 25px; color: #000;
}
.about-popup-go{
  padding: 86px 0 112px 0;
}
.about-popup-go .row{
  margin-left: -30px; margin-right: -30px;
}
.popup-go-col{
  padding-right: 30px; padding-left: 30px; position: relative;
}
.popup-go-col:after{
  position: absolute; top: 0; right: 10px; height: 100%; width: 1px; background: #34BAA0; content: '';
}
.popup-go-col:last-child::after{
  display: none;
}

/* About city end */

/* footer start */

.footer-menu h3{
  color: #fff;
}

.site-footer{
  background-color: #000; padding:50px 0 62px 0;
}
.footer-menu-list{
  margin: 0; padding: 0;
}

.footer-menu-list li a{
  color: #fff; font-size: 16px; font-weight: 400; line-height: 24px; position: relative; transition: all 0.5s;
}
.footer-menu-list li a:after{
  position: absolute; top: 0; left: -16px; content: '\f101'; transition: 0.5s; font-family: 'FontAwesome'; opacity: 0;
}
.footer-menu-list li a:hover{
  padding-left: 10px; color: #34BAA0;
}
.footer-menu-list li a:hover:after{
  opacity: 1;
}
.footer-social-list li{
  display: inline-block; padding-right: 30px;
}
.footer-social-list li .social-icon i{
 font-size: 35px; color: #fff;
}
.footer-social-list li:last-child{
  padding-right: 0;
}
.social-wrapper{
  margin-top: 45px;
}
.footer-logos-list{
  display: flex; align-items: flex-end;  justify-content: flex-end;
}
.footer-logos-list li{
  align-self: flex-end; margin: 0 12px;
}
.footer-logos-list li:last-child{
  margin-right: 0; margin-bottom: -7px;
}
.copy-right-sec{
  border-top: 1px solid #34BAA0; margin-top: 17px;
}
.copy-right-sec p{
  text-align: right; color: #fff; margin-top: 28px; font-size: 14px; font-weight: 400;
}
.social-icon-img{
  /* width: 34px;  */
  height: auto;
}
.footer-logos{
  margin-top: -15px;
}

/* footer end */

/* 26.03.2020 */
.map-wrapper iframe{
  filter: brightness( 90% ) contrast( 88% ) saturate( 0% ) blur( 0px ) hue-rotate( 148deg );
}
/* 26.03.2020 */

/*.................3-4-20.....................*/
.map_locwrap{ position:relative;width:100%; height:400px;}

.map_locwrap img{ width:100%; height:100%;}
.map_locwrap:hover .map_locater_north{ display:block}
.map_locwrap:hover .map_locater_central{ display:block}
.map_locwrap:hover .map_locater_east{ display:block}
.map_locwrap:hover .map_locater_west{ display:block}

.map_locater_east_wrap{ position:absolute; right:31%; top:107px; width:207px; height:117px; }
.map_locater_east{ display:none; position:absolute; right:31%; top:107px; background-color:#29d0ab; width:207px; height:117px; z-index:999; }
.map_locater_east h3{ top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align:center; width:100%; position:absolute; font-size:20px; text-transform:uppercase; padding:0 10px; color:#fff;}

.map_locater_central_wrap{  position:absolute; right:46%; top:188px; width:154px; height:104px}
.map_locater_central{ display:none; position:absolute; right:46%; top:188px; background-color:#29d0ab; width:154px; height:104px;  z-index:999;}
.map_locater_central h3{ top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align:center; width:100%; position:absolute; font-size:20px; text-transform:uppercase; padding:0 10px; color:#fff;}

.map_locater_west_wrap{ display:block; position:absolute; left:37%; top:264px; width:88px; height:111px}
.map_locater_west{ display:none; position:absolute; left:37%; top:264px; background-color:#29d0ab; width:88px; height:111px;  z-index:999;}
.map_locater_west h3{ top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align:center; width:100%; position:absolute;  font-size:20px; text-transform:uppercase; padding:0 10px; color:#fff;}

.map_locater_north_wrap{ display:block; position:absolute; left:36%; top:69px; width:213px; height:108px}

.map_locater_north{ display:none; position:absolute; left:36%; top:69px; background-color:#29d0ab; width:213px; height:108px;  z-index:999;}
.map_locater_north h3{ top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align:center; width:100%; position:absolute;  font-size:20px; text-transform:uppercase; padding:0 10px; color:#fff;}


/* added */
.mapSec{ background: #D8DCDD; padding: 70px 0;}
.mapSec-main{ width: 1110px; height: 400px; position: relative; background: url('../images/zone_map_home.jpg') no-repeat left center; background-size: 100% 400px; white-space: nowrap;}

.mapSec .container{ overflow-y: hidden; overflow-x: auto;}

.mapZone{ position: absolute; cursor: pointer;}
.mapZone span{ position: absolute; width: 100%; background-color: #29d0ab; color: #FFF; text-align: center; height: 82px; line-height: 82px; top: 50%; margin-top: -41px; font-size: 22px; text-transform: uppercase; opacity: 0; visibility: hidden; transform: scale(0); transition: all 0.5s ease;}
.mapZone:hover span{ opacity: 1; visibility: visible; transform: scale(1.05);}

.mapZone-1{ left: 402px; top: 30px; width: 166px; height: 187px; z-index: 1;}
.mapZone-2{ left: 460px; top: 151px; width: 145px; height: 154px;}
.mapZone-3{ left: 606px; top: 16px; width: 120px; height: 263px;}
.mapZone-4{ top: 245px; left: 413px; width: 89px; height: 131px;}

#West, #North, #Central, #East{ position: relative; z-index: 999; pointer-events: all;}
.map-link{ position: relative; z-index: 999; pointer-events: all; cursor: pointer; transition: all 0.5s ease;}
.map-link:hover{ fill:#29D0AB; stroke: #29D0AB; pointer-events: all;}
.svMain{ pointer-events: all;}
.mapSvg svg{ pointer-events: all;}
.mapSvg{ position: relative;}
.shapeSvg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

.mpText{ opacity: 0; fill:#fff; font-size: 20px;}

.map-link:hover .mpText{ opacity: 1;}
#West:hover .map-link, #North:hover .map-link, #Central:hover .map-link, #East:hover .map-link{ fill:#29D0AB; stroke: #29D0AB;}
#West:hover .mpText, #North:hover .mpText, #Central:hover .mpText, #East:hover .mpText{ opacity: 1 !important;}


.tabiaImg img{ width: 219px;}
.footer-logos-list li img{ width: 100px;}
.social-icon-img{ width: 25px !important;}

.urbanLogiq_logo{
  position: relative;
  top:-9px;
}
#West .map-link.active, #North .map-link.active, #Central .map-link.active, #East .map-link.active{
  fill: #29D0AB;
  stroke: #29D0AB;
}
#West .mpText.activetxt, #North .mpText.activetxt, #Central .mpText.activetxt, #East .mpText.activetxt{
  opacity: 1 !important;
}

@media (min-width: 1366px) {
  .mapSec-main{ width: 100%;}
  .mapZone-3 { left: 776px; top: 16px; width: 170px; height: 263px;}
  .mapZone-1 { left: 527px; top: 30px; width: 212px; height: 187px; z-index: 1;}
  .mapZone-2 { left: 612px; top: 151px; width: 164px;}
  .mapZone-4 { top: 245px; left: 537px; width: 105px; height: 131px;}
}

@media (min-width: 1417px) {
  .mapSec-main{ width: 1438px;}
  .mapZone-3 { left: 776px; top: 16px; width: 170px; height: 263px;}
  .mapZone-1 { left: 527px; top: 30px; width: 212px; height: 187px; z-index: 1;}
  .mapZone-2 { left: 612px; top: 151px; width: 164px;}
  .mapZone-4 { top: 245px; left: 537px; width: 105px; height: 131px;}
}

@media (max-width: 768px) {
  .mapSvg-wrap{ white-space: nowrap; overflow: auto;}
  .mapSvg{ width: 1200px; margin-left: -250px;}
}

@media (max-width: 567px) {
  .mapSvg{ margin-left: -436px;}
  .footer-logos-list li:last-child{ margin-bottom: 0;}
}