@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
h1, h2, h3, h4 {
	font-family: 'Roboto', sans-serif;
	margin-top:10px;
	font-weight:bold;
}
p {
	font-family: 'Roboto', sans-serif;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a:focus {
	outline: none;
}
body {
	font-family: 'Lato', sans-serif;
	overflow-x: hidden;
}
html {
	background-color: #fff;
	overflow-x: hidden;
	scroll-behavior: smooth;
}
.carousel-control{ width:6%;}
.top {
	
	position:fixed;
	width:100%;
	padding:0px 0px;
	z-index:99;
	background-color:#fff;
}
.banner {
	background:url(images/banner-1.jpg) no-repeat center center;
	background-size:cover;
	padding:150px 0px;
}
.banner h1, .banner p{ color:#fff;}


.banner-inner{
	background:url(images/banner-3.jpg) no-repeat center center;
	background-size:cover;
	padding:150px 0px;
}
.banner-inner h1, .banner-inner p{ color:#fff;}


.bult ul li
{
	display:list-item !important;
	list-style-type:square !important;
	text-align:left;
}

.shared-and-common-area { padding:60px 0px;}

.shared-and-common-area ul, .rooms-in-crystal-city ul { padding-left:0px; text-align:center;}
.shared-and-common-area ul li, .rooms-in-crystal-city ul li { display:inline-block; list-style:outside none; width:19.5%;}

.shared-and-common-area ul li .share-img-main, .rooms-in-crystal-city ul li .share-img-main { position:relative;}
.shared-and-common-area ul li .share-img-main h3, .rooms-in-crystal-city ul li .share-img-main h3 { position:absolute; bottom:15px; width:100%; color:#fff;}
 .shared-and-common-area ul li .share-img-main p, .rooms-in-crystal-city ul li .share-img-main p { position:absolute; bottom:7px; width:100%; color:#fff;}
 
 .shared-and-common-area img{ width:100%; width: 100%;
    object-fit: cover;
    min-height: 240px;
    max-height: 240px;}

.inner-page-slider-main  .banner-1  .carousel-caption {
	text-align:left;
	left:9%;
	top:25%;
	
}
.gid-main-col { background-color:#f7f7f7;}
.banner-1  .carousel-caption {
	text-align:left;
	left:9%;
	top:8%;
	
}
.banner-1  .carousel-caption .col-md-7{
	background-color:rgba(0,0,0, 0.5);
	margin-top:60px;
	padding:20px 30px;
	
	}


.banner-1  .btn-default {
	 background-color:transparent; border-radius:0px; border:1px solid #fff; color:#fff;
}

.banner-1 h1, .banner-1 p{ color:#fff;}


.middle {
	background-color: #fff;
	padding:40px 0;
}

.explore-khans-residential { padding:40px 0px;}

.explore-khans-residential ul { padding-left:0px; text-align:center;}
.explore-khans-residential ul li{ display:inline-block; list-style:outside none; width:18%; border:1px solid #000; margin-right:9px;}

.explore-khans-residential ul li .exp-pad { text-align:center; width:59%; padding-top:20px;}
.explore-khans-residential ul li .exp-pad  p{ color:#000; font-weight:bold;}

.bottom {
	background-color: #f7f7f7;
	padding-top:30px;
	
}
.bottom p{ color:#111; line-height:24px;}

.bottom ul { padding-left:0px;}
.bottom ul li{ list-style:outside none; padding:4px 0px;}

.bottom ul li a{ color:#337ab7; }
.last-bar {
	background-color:#d1d0d0;
	padding-top:15px;
	padding-bottom:10px;
	text-align:center;
	
	}

#cssmenu > ul > li.has-sub a:after{
	 content: '\f107';
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:0px 0px 0px 10px;
   text-decoration:none;
	
	}
#cssmenu > ul > li.has-sub ul li a:after{
	content:normal;
	
	}
.our-gallery-main{ text-align:center;}	

.our-gallery-main img{ margin:0 auto;}	

.gid-main-col img{ width:100%;}
.gid-main-col .btn-danger {
	background-color:#d92228;
	border-color:#d92228;
	font-weight:bold;
	padding:10px 35px;
	
	}
	
#slider-text{
  padding-top: 40px;
  display: block;
}
#slider-text .col-md-6{
  overflow: hidden;
}

#slider-text h2 {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  font-size: 30px;
  letter-spacing: 3px;
  margin: 30px auto;
  padding-left: 40px;
}
#slider-text h2::after{
  border-top: 2px solid #c7c7c7;
  content: "";
  position: absolute;
  bottom: 35px;
  width: 100%;
  }

#itemslider h4{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  margin: 10px auto 3px;
}
#itemslider h5{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: bold;
  font-size: 12px;
  margin: 3px auto 2px;
}
#itemslider h6{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 300;;
  font-size: 10px;
  margin: 2px auto 5px;
}
.badge {
  background: #b20c0c;
  position: absolute;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  line-height: 31px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 300;
  font-size: 14px;
  border: 2px solid #FFF;
  box-shadow: 0 0 0 1px #b20c0c;
  top: 5px;
  right: 25%;
}
#slider-control img{
  padding-top: 60%;
  margin: 0 auto;
}

.dark-grey-gb { background-color:#e5e5e5; text-align:center; padding:7px 0;}
.dark-grey-gb p{ margin-bottom:0px;}

@media screen and (max-width: 992px){
	.top { position:static;}
	.banner-1 .carousel-caption .col-md-7 { margin-top:0px;}
	
#slider-control img {
  padding-top: 70px;
  margin: 0 auto;
}
.inner-page-slider-main .banner-1 .carousel-caption{ top:3%;}
}

.carousel-showmanymoveone .carousel-control {
  width: 4%;
  background-image: none;
  top:50%;
}
.carousel-showmanymoveone .carousel-control .fa{
	background-color:#fff;
	color:#000;
	width:40px;
	height:40px;
	border-radius:100%;
	line-height:40px;
	}
.carousel-showmanymoveone .carousel-control.left {
  margin-left: 5px;
}
.carousel-showmanymoveone .carousel-control.right {
  margin-right: 5px;
}
.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3,
.carousel-showmanymoveone .cloneditem-4,
.carousel-showmanymoveone .cloneditem-5 {
  display: none;
}
@media all and (min-width: 768px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -50%;
  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 50%;
  }
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
    display: block;
  }
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media all and (min-width: 992px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -16.666%;
  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 16.666%;
  }
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-2,
  .carousel-showmanymoveone .carousel-inner .cloneditem-3,
  .carousel-showmanymoveone .carousel-inner .cloneditem-4,
  .carousel-showmanymoveone .carousel-inner .cloneditem-5,
  .carousel-showmanymoveone .carousel-inner .cloneditem-6  {
    display: block;
  }
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(16.666%, 0, 0);
    transform: translate3d(16.666%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-16.666%, 0, 0);
    transform: translate3d(-16.666%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}

	
.padding-top-10 {
	padding-top: 10px;
}
.padding-top-20 {
	padding-top: 20px;
}
.padding-top-30 {
	padding-top: 30px;
}
.padding-top-40 {
	padding-top: 40px;
}
.padding-top-50 {
	padding-top: 50px;
}
.padding-top-60 {
	padding-top: 60px;
}
.padding-top-70 {
	padding-top: 70px;
}
.padding-top-80 {
	padding-top: 80px;
}
.padding-top-90 {
	padding-top: 90px;
}
.padding-top-100 {
	padding-top: 100px;
}
.padding-bottom-100 {
	padding-bottom: 100px;
}
.padding-bottom-90 {
	padding-bottom: 90px;
}
.padding-bottom-80 {
	padding-bottom: 80px;
}
.padding-bottom-70 {
	padding-bottom: 70px;
}
.padding-bottom-60 {
	padding-bottom: 60px;
}
.padding-bottom-50 {
	padding-bottom: 50px;
}
.padding-bottom-40 {
	padding-bottom: 40px;
}
.padding-bottom-30 {
	padding-bottom: 30px;
}
.padding-bottom-20 {
	padding-bottom: 20px;
}
.padding-bottom-10 {
	padding-bottom: 10px;
}
 @media all and (max-width: 767px) {
	 
	 .top{ position:static;}
	 .explore-khans-residential ul li{ width:36%;}
	 .banner  { padding:80px 0;}
	 
	 .banner-1  .carousel-caption { display:none;}
	  .shared-and-common-area ul li { width:32.5%}
}


 @media all and (max-width: 567px) {
	 
	 .shared-and-common-area ul li, .rooms-in-crystal-city ul li { width:47.5%; }
	 
	 .explore-khans-residential ul li { width:80%;}
	
	 .shared-and-common-area ul li { width:49.5%}
}