.title-link {
	float: right;
	font-size: 16px;
	vertical-align: ;
	margin-top: 20px;
}
.border-bottom{
	border-bottom: 1px solid #DADFE4;
}

.fs-xl{
	font-size: 65px;
}
.img-gray{
	filter: grayscale(1);
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header {
  background:rgba(255,255,255,0.95);
  transition: 0.2s ease;
}

.header.sticked {
  background: #fff;
  transition: 0.2s ease;
}


/*Microsite css starts*/
.blk-light {
     color: #414B58;
}
.fs-12 {
     font-size: 12px;
}
.fs-14 {
     font-size: 14px;
}
.fs-16 {
     font-size: 16px;
}
.fs-20 {
     font-size: 20px;
}
.fs-24 {
     font-size: 24px;
}
.fs-60 {
     font-size: 60px;
}
.fs-text {
     font-family: 'SF Pro Text';
}
.text-red{
    color: #FA887B !important;
}

.divider {
     height: 1px;
     background: #97A4B2;
     width: 100%;
     opacity: 0.5;
}
.flex-wrp-base {
     display: flex;
     justify-content: space-between;
     position: relative;
}
.hero-smc .item > img {
     width: 100%;
     height: auto;
     object-fit: cover;
     min-height: 500px;
     height: calc(100vh - 200px);
}
.overlay-smc {
	width: 100%;
	padding: 40px 0;
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	display: flex;
	align-items: flex-end;
	background: rgba(0,0,0,0.3);
	max-width: 1920px;
  margin: 0 auto;
}
.hero-smc .hero-smc-wrap {
	width: 100%;
	margin: 0 auto;
	display: block;
	min-height: 350px;
	overflow: hidden;
	max-width: 1920px;
}
.hero-smc-wrap img{
	width: 100%;
	object-fit: cover;
	max-height: 700px;
}
.hero-smc .hero-smc-wrap img{
  animation: shrink 120s infinite alternate;
}
.owl-mc {
     padding-left: 100px;
}
.owl-mc .item {
     background: none;
     padding: 0;
}
.owl-mc .bbr-item {
     background: #FFFFFF;
     box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
     border-radius: 10px;
     padding: 16px 60px 16px 16px;
}
.owl-mc .bbr-item:before {
     content: none;
}
.owl-mc .item {
     position: relative;
}
.owl-mc .bbr-item {
     margin-left: 30px;
}

.header .nav-micro>ul>li {
     padding: 0 7px !important;
}
.hero-smc .btn-wrp {
     display: flex;
}
.btn-hero {
     font-size: 20px;
     width: 250px;
     text-align: center;
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: 500 ;
}
.btn-hero img {
     width: 14px !important;
}
#thumbs{
	margin-top: 10px;
}
.btn-lt {
     background: #E6E9EC;
     border-radius: 8px;
     color: #414B58;
     font-weight: 700;
}

.table-wraper {
     display: flex;
     border-top: 1px solid #E6E9EC;
     border-radius: 0 30px 0 0;
     margin-top: 10px;
}
.t-tl {
     font-weight: 600;
     font-size: 16px;
     white-space: nowrap;
}
.table-rooms .img-wrp {
     box-shadow: 15px 0px 24px rgba(0, 0, 0, 0.04);
     border-radius: 16px 0px 0px 16px;
     background: #D1D9FE;
     display: flex;
     justify-content: center;
     flex-direction: column;
     align-items: center;
     text-align: center;
     padding: 40px 0;
     width: 400px;
}
.tb-room thead th {
     border-bottom: 1px solid #DADFE4;
     border-top: none;
     padding-top: 0;
}
.tb-room td {
     border-top: 1px solid #DADFE4;
     vertical-align: middle;
}
.tb-room tr:first-child td {
     border: none;
}
.w-set {
     width: 200px;
}
.sq {
  display: flex;
  background: #fff;
  width: 300px;
  height: 70px;
  align-items: center;
  border-radius: 8px;
}

.img-sq {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 75px;
  min-width: 75px;
  border-radius: 8px 0 0 8px;
}

.img-sq .sq-c {
  width: 40px;
  height: 40px;
  border-radius: 8px;
}

.sq label {
  padding: 0 10px 0 0;
  font-weight: 500;
  font-size: 16px;
  color: #1F252A;
  line-height: 1.2;
  margin-bottom: 0;
}

.l-tb {
  font-weight: 400;
  font-size: 16px;
  color: #11171E;
  white-space: nowrap;
}

.l-tb span {
  font-weight: 300;
}

.l-sm {
  font-weight: 500;
  font-size: 16px;
  color: #1F252A;
  white-space: nowrap;
}

.l-sm span {
  display: block;
}
.bg-green {
  border: 2px solid #96C989;
}
.bg-green .sq-c{
    background: #96C989;
}
.bg-or {
  border: 2px solid #ffaf7f;
}
.bg-or .sq-c{
    background: #ffaf7f;
}
.bg-pn {
  border: 2px solid #fa887b;
}
.bg-pn .sq-c{
    background: #fa887b;
}
.bg-yl {
  border: 2px solid #FFCC00;
}
.bg-yl .sq-c{
    background: #FFCC00;
}
.bg-br {
  border: 2px solid #d7b89b;
}
.bg-br .sq-c{
    background: #d7b89b;
}
.bg-aq {
  border: 2px solid #7ACDC7;
}
.bg-aq .sq-c{
    background: #7ACDC7;
}
.bg-prp {
  border: 2px solid #CAB2FD;
}
.bg-prp .sq-c{
    background: #CAB2FD;
}

.table-rooms .table-responsive {
     height: 470px;
     overflow-y: scroll;
     border-right:1px solid #E6E9EC;
     border-bottom:1px solid #E6E9EC;
     border-radius: 20px 20px 0 0;
}
.table-rooms thead {
     position: sticky;
     top: 0;
     background: #ffffff;
}
.table-rooms table {
     border-collapse: separate;
}
.table-responsive::-webkit-scrollbar {
     width: 6px;
     border-radius: 10px;
     height: 6px;
}
.table-responsive::-webkit-scrollbar-track {
     background: #D1D9FE;
     border-radius: 10px;
}
.table-responsive::-webkit-scrollbar-thumb {
     background: #849BFD;
     border-radius: 10px;
}
.table-rooms .content {
     overflow: hidden;
     border-radius: 20px;
}
.text-blk {
     color: #1F252A;
}
.text-blk-10 {
     color: #414B58;
}
.text-blk120{
	color: #303841;
}
.text-w {
     color: #FCFDFD;
}
.h-cstm {
     height: 65px;
     display: flex;
     align-items: center;
}
.tabs-plans {
     background: #D1D9FE;
}
.tabs-plans li {
     position: relative;
}
.floor-plans .tabs-plans .nav-link {
     padding: 15px 20px;
}
.floor-plans .tabs-plans .nav-link {
     padding: 15px 20px;
     font-family: 'SF Pro Text';
     font-style: normal;
     font-weight: 600;
     font-size: 16px;
     height: 56px;
     color: #1F252A;
}
.floor-plans .tabs-plans .nav-link.active {
     background: #5D7BFC !important;
     color: #fff;
}
.tabs-plans .nav-link {
     padding: 12px 33px;
     font-family: 'SF Pro Text';
     font-style: normal;
     font-weight: 600;
     font-size: 16px;
     height: 50px;
     color: #1F252A;
}
.floor-plans-table h3 {
     color: #1F252A;
     font-size: 32px;
     font-family: 'SF Pro Text';
     font-weight: 700;
}
.table-fl {
     margin-top: 24px;
}
.table-fl tr {
     background: #F1F3F5;
}
.table-fl tr, .table-fl th {
     border: none !important;
     text-align: center;
     vertical-align: middle;
}
.table thead th {
     vertical-align: middle;
}
.white-space {
     background: #fff;
     height: 20px;
}
.table-fl td {
     white-space: nowrap;
     border-top: none !important;
     border-left: none !important;
}
.table-fl tr, .table-fl th {
     border: none !important;
     text-align: center;
}
.table-fl .tl {
     color: #1F252A;
     font-weight: 700;
     font-size: 24px;
     display: flex;
     align-items: center;
     height: 56px;
     padding-left: 30px;
}
.count {
     color: #1F252A !important;
     font-size: 24px;
     font-weight: 700;
     border: none;
     text-align: center;
     background: transparent;
     width: 190px;
}
.header-tb .tab-bg {
     font-family: 'SF Pro Text';
     font-weight: 600;
     font-size: 16px;
     text-align: center;
     color: #1F252A;
     width: 190px;
     height: 53px;
     display: flex;
     justify-content: center;
     flex-direction: column;
     border-radius: 8px;
     padding: 8px 3px 11px 3px;
}
.header-tb .tab-bg span {
     font-family: 'SF Pro Text';
     font-weight: 600;
     font-size: 11px;
}
.header-tb .tab-bg .lg {
     font-size: 18px;
}
.bg-or {
     background: #FFAF7F;
}
.bg-pn {
     background: #FA887B;
}
.bg-ly {
     background:#FFDD95;
}
.bg-g {
     background:#7ACDC7;
}
.bg-p {
     background:#CAB2FD;
}
.bg-br {
     background:#D7B89B;
}
.bg-blk140 {
	background: #1F252A;
}

.media-count {
	background: rgba(31, 37, 42, 0.8);
	color: #fff;
	padding: 10px;
	border-radius: 4px;
	display: flex;
	align-items: center;
}
.badge-rcr{
	background: #F1EAFF;
	border: 1px solid #B18BFF;
	color: #B18BFF;
	font-size: 14px;
	font-weight: 500;
	border-radius: 20px;
	padding: 5px 10px;
}
.owl-padding {
	max-width: 1920px;
	margin: 0 auto;
}
.mc-owl .owl-item .item {
	padding-left: 10px;
}
.mc-owl .owl-stage{
	margin: 0 auto;
	display: flex;
}
.project-info-links {
	padding-top: 1rem;
	padding-bottom: 1rem;
	transition: 0.2s ease-in all;
	position: relative;
}

.mc-wrp {
	background: #fff;
	box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
	border-radius: 56px;
	display: flex;
	align-items: center;
	padding: 0 15px;
	position: relative;
	height: 56px;
	color: #1F252A;
	white-space: nowrap;
}
.mc-wrp .img-wrp {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: transparent;
	margin-right: 5px;
}
.mc-wrp .img-wrp img {
	width: 25px;
	filter: invert(0.9);
}
.mc-wrp.active {
  background: #113DFA;
  color: #fff;
}
.project-info-links.sticky{
  position: sticky;
  z-index: 99;
  top: 72px;
  padding-top: 0rem;
  padding-bottom: 0rem;
  transition: 0.2s ease-in all;
  box-shadow: 0px 1px 12px rgba(0,0,0,0.2);
}
.project-info-links .owl-stage-outer{
  padding: 20px 0;
}
.project-info-links .owl-nav{
  max-width: 100%;
}
.project-info-links .owl-nav button.owl-prev{
  left: -40px;
}
.project-info-links .owl-nav button.owl-next{
  right: -60px;
}
.project-info-links.sticky .tag-pr{
  display: none;
}
.project-info-links.sticky .mc-wrp{
  height: 50px;
}
.mc-text {
  font-weight: 700;
  font-size: 22px;
  padding: 6px 0 0 0;
}


.modal-xxl {
	max-width: 976px;
}
.tabs-alpha .nav-link {
	font-size: 14px;
	line-height: 1.3;
}
.csa-nb{
	background: #fff;
	box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.06);
}
.cc-style-alpha.csa-nb label{
	padding-left: 25px !important;
}
.cc-style-alpha.csa-nb:before{
	content: none;
}
@media screen and (min-width: 992px){
	.modal-lg {
		max-width: 600px;
	}
	.modal-xl {
		max-width: 850px;
	}

}
@media screen and (min-width:1500px){
	.container{
		max-width: 1440px;
	}
	.modal-xxl {
		max-width: 1200px;
	}
}
@media screen and (max-width:1500px){
	
    .project-info-links .owl-nav button.owl-prev{
	    left: -40px;
	}
	.project-info-links .owl-nav button.owl-next{
	    right: -60px;
	}
	.cc-style-alpha{
		min-height: 50px;
	}
}
@media screen and (max-width:1366px){
     .v-tour .dropdown-toggle{
        font-size: 16px;
        height: auto;
     }
     .btn-round{
     	height: 40px;
    	     width: 40px;
     }    
     .btn-sm {
		font-size: 14px;
		padding: 8px 10px;
	}
	.blsm-form .info{
		padding-right: 50px;
	}
	.prj-it .logo {
		height: 100px;
	}
	.prj-it .logo img{
		height: 70px;
	}
}
@media screen and (max-width:1199px){
	.tabs-alpha .nav-item{
	  	width: 50%;
	}
}
@media screen and (max-width:991px){
	
	.project-info-links .owl-stage-outer {
		padding: 10px 0;
	}
	.project-info-links.sticky .mc-wrp h5 {
		font-size: 16px;
	}
	.project-info-links.sticky .mc-wrp{
		height: 40px;
	}
	.project-info-links.sticky .mc-wrp .img-wrp{
		width: 35px;
		height: 35px;
	}
	.project-info-links.sticky .mc-wrp .img-wrp img {
		width: 20px;
	}

	.project-info-links.sticky .mc-wrp{
		padding-left: 20px;
	}
	.project-info-links.sticky .mc-wrp .img-wrp{
		padding-left: -20px;
	}
	.unitsList .border-left, .unitsList .border-bottom{
		border:none !important;
	}
	.img-sq{
		width: 65px;
  		min-width: 65px;
	}
	.img-sq .sq-c {
		width: 30px;
		height: 30px;
	}
}
@media screen and (max-width:768px){
	.tabs-alpha {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.tabs-alpha .nav-item {
		width: 100%;
	}
	.tabs-alpha .nav-link {
		white-space: nowrap;
		height: 50px;
	}
	.sq{
		width: 200px;
		height: 60px;
	}
	.img-sq {
		width: 55px;
		min-width: 55px;
	}
	
	
}
@media screen and (max-width:576px){
	
}
@media screen and (max-width:480px){
	
}