@font-face {
    font-family: 'SF Pro Text';
    src: url('../fonts/SFProText-Regular.woff2') format('woff2'),
        url('../fonts/SFProText-Regular.ttf') format('ttf');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Text';
    src: url('../fonts/SFProText-Medium.woff2') format('woff2'),
        url('../fonts/SFProText-Medium.ttf') format('ttf');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Text';
    src: url('../fonts/SFProText-Semibold.woff2') format('woff2'),
        url('../fonts/SFProText-Semibold.ttf') format('ttf');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
/*@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Regular.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Regular.ttf') format('ttf');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Medium.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Medium.ttf') format('ttf');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}*/
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Semibold.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Semibold.ttf') format('ttf');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

body {
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  color: #1F252A;
}
.sf-text, p{
	font-family: 'SF Pro Text', sans-serif ;
}
h1, h2, h3, h4, h5, h6{
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 600;
  line-height: 1.4;
}
.t-h1, .t-h2, .t-h3, .t-h4, .t-h5, .t-h6{
  font-family: 'SF Pro Display', sans-serif;
  line-height: 1.4;
}
.sf-display{
	font-family: 'SF Pro Display', sans-serif;
}
.lh-2{
	line-height: 1.2;
}
.text-underline{
    text-decoration: underline !important;
}

.t-h1, h1{
	font-size: 40px;
}
.t-h2, h2{
	font-size: 35px;
}
.t-h3, h3{
	font-size: 30px;
}
.t-h4, h4{
	font-size: 26px;
}
.t-h5, h5{
	font-size: 22px;
}
.t-h6, h6{
	font-size: 18px;
}
.fw-400{
	font-weight: 400 !important;
}
.fw-500{
	font-weight: 500 !important;
}
.fw-600{
	font-weight: 600 !important;
}
.fw-700{
    font-weight: 700 !important;
}
.text-blk-10 {
     color: #414B58 !important;
}
.text-blk20 {
	color: #97a4b2 !important;
}
.text-blk{
	color: #1F252A;
}
.title-link {
	float: right;
	font-size: 16px;
	vertical-align: ;
	margin-top: 20px;
}
.br-8{
	border-radius: 8px;
}
.br-16{
	border-radius: 16px;
}
.btn{
	font-weight: 600;
	font-family: 'SF Pro Display', sans-serif;
	border-radius: 8px;
	font-size: 18px;
	padding: 12px 20px;
}
.btn:hover, .btn:focus{
	outline: none;
	box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
	-ms-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
	opacity: 0.8;
	text-decoration: none;
	cursor: pointer;
}
.btn-theme:hover, .btn-theme:focus{
	color: #fff;
	box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
}
a{
	font-weight: 500;
}
a, a:hover, a:focus, button:hover, button:focus{
	text-decoration: none;
	outline: none;
}
.font-weight-500{
	font-weight: 500;
}
.font-weight-600{
	font-weight: 600;
}
.fs-xl{
	font-size: 60px;
	line-height: 1.2;
	font-family: 'SF Pro Display', sans-serif;
	font-weight: 600;
}
.fs-14{
	font-size: 14px !important;
}
.fs-12{
	font-size: 12px !important;
}
.img-gray{
	filter: grayscale(1);
}
.section {
	padding: 50px 0px;
	width: 100%;
	position: relative;
}
.lh-1 {
	line-height: 1.2;
}
.header-btns .btn img{
    width: 20px;
}
.btn-sm{
    font-size: 16px;
    padding: 10px;
}
.header-btns .btn {
	line-height: 1;
	font-size: 20px;
	color: #fff;
	padding: 9px 12px;
	height: 42px;
}
.header-btns .btn span{
	font-size: 22px;
}
.header-btns .btn .icon-call{
	font-size: 20px;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header {
	background: #fff;
	transition: all 0.5s;
	z-index: 997;
	height: 72px;
	padding: 10px 0;
	box-shadow: 0px 2px 9px rgba(0,0,0,0.1);
}
#header .container{
	max-width: 1440px;
}
.header.sticked {
  border-color: #fff;
  border-color: #eee;
}

.header .logo img {
  height: 48px;
  max-width: 118px;
}
.header .header-btns{
    display: flex;
    color: #fff;
}
.header .mobile-nav-show {
    display: none;
}
.header .mobile-nav-toggle{
    font-size: 20px;
}
.header .navbar a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	white-space: nowrap;
	transition: 0.3s;
	position: relative;
	font-family: 'SF Pro Text', sans-serif;
	font-weight: 400;
	font-size: 14px;
	padding: 0 3px;
	color: #515F6E;
	max-width: 150px;
  	text-overflow: ellipsis;
  	overflow: hidden;
  	white-space: nowrap;
  	text-transform: capitalize;
  	display: block;
}
.header .navbar a.active{
	color: #1F252A;
	font-weight: 600;
}
.header .navbar a:hover, .header .navbar a:focus{
	text-decoration: none;
	color: #1F252A;
}
.header .dropdown-menu{
	box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
	border:none;
	max-width: 350px;
	min-width: 250px;
}
.header .dropdown-menu li {
	border-bottom: 1px solid #ddd;
}
.header .dropdown-menu li:last-child{
	border-bottom: none;
}
.dropdown-menu.dropdown-menu-right {
	left: auto;
	right: 0;
}
.header .dropdown-menu a{
	padding: 10px;
}
.header .navbar .dropdown-menu a{
	display: block;
	white-space: normal;
	line-height: 1.2;
	word-break: break-word;
	max-width: 100%;
}
.header .logo {
	background: #fff;
}
.c-pagination{
	margin-top: 15px;
}
.table-responsive{
	-webkit-overflow-scrolling: initial;
}
.toggle-li{
	padding-right: 30px;
	position: relative;
}
.toggle-li::after {
	position: absolute;
	content: '\f107';
	right: 2px;
	top: -3px;
	font-size: 15px;
	color: #fff;
	font-family: FontAwesome;
	transform: rotate(180deg);
}
.toggle-li.collapsed:after{
	transform: rotate(0deg);
}
.footer-mc ul.fb-sub{
	margin-top: 10px;
	margin-bottom: 10px;
}
.footer-mc {
    background: #F1F3F5;
  	padding: 50px 0 30px 0;
  	color: #1F252A;
}
.footer-mc ul {
     padding-left: 0;
     margin-top: 15px;
     padding-right: 15px;
     list-style: none;
}
.footer-mc ul li {
     padding:3px 0;
}
.footer-mc a:hover {
     text-decoration: none;
     opacity: .8;
}
.flex-ft {
     display: flex;
}
.flex-ft a{
	line-height: 1;
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
	text-transform: capitalize;
	color:#303841;
}

.border-r {
     border-right: 1px solid #5D7BFC;
}
.footer-mc .rights {
     color: #E6E9EC;
     font-weight: 300;
     margin-top: 20px;
}
#disclaimerDiv{
    border-top: 1px solid #DADFE4;
    margin-top: 30px;
}
.footer-p {
  font-weight: 300;
  font-size: 12px;
  opacity: 0.7;
}
.footer-mc .flex-ft > ul{
	width: 50%;
}
select.form-control{
	height: 56px !important;
}
.form-control:hover, .form-control:focus{
	outline: none;
	box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
	border-right-color: #fff;
	border-top-color: #fff;
	border-bottom-color: #fff;
}
.form-control:not(.form-control-a):focus, .form-control:not(.form-control-a):hover{
	border-color: #fff;
}
textarea.form-control{
	height: auto;
	min-height: 62px;
}
.form-control-lg{
	height: 62px !important;
	border-radius: 10px;
	font-size: 18px;
	font-weight: 500;
}
.input-group-c .input-group-text {
	width: 62px;
	height: 62px;
	text-align: center;
	font-weight: 600;
	justify-content: center;
	border-radius: 10px 0 0 10px;
	font-size: 18px;
}
.form-control.form-c-line{
	background: rgba(255,255,255,0.02);
	border: none;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	border-radius: 0;
	color: #fff;
}
.container{
	max-width: 1440px !important;
}

.flex-wrp-base {
     display: flex;
     justify-content: space-between;
     position: relative;
}
.hero-mc .item > img {
     width: 100%;
     height: auto;
     object-fit: cover;
     min-height: 500px;
}
.overlay-mc{
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(4px);
	border-radius: 16px;
	width: 100%;
	max-width: 684px;
	padding: 40px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin: auto;
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 0;
	right: 0;
	transform: translate(0,-50%);
}
.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;
}
.bbr-item .abs {
     position: absolute;
     left: -30px;
     z-index: 9999;
     height: 60px;
     width: 60px;
     border-radius: 50%;
     border: 4px solid #FFFFFF;
     box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.15);
     display: flex;
     align-items: center;
     justify-content: center;
}
.bbr-item .abs img {
     width:25px;
}
.wrp-abs label {
     margin: 0;
     padding: 0;
}
.mc-slider {
     margin-top: 70px;
     padding: 44px 0 25px 0;
}
.quick-info {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
}
.blommems .quick-info{
	flex-direction: column;
}
.blommems .qi-col {
     list-style: none;
     padding: 10px 30px 10px 0;
     width: 380px;
     height: 110px;
}
.blommems .quick-info .qi-col:last-child{
	border-bottom: none;
}
.btn-round {
     width: 46px;
     height: 46px;
     border-radius: 6px;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0;
     border:none;
     font-size: 22px;
     cursor: pointer;
     text-decoration: none;
}
.btn-round img {
     width: 20px;
     margin: auto;
}
.w-set {
     width: 200px;
}
.sq {
     display: flex;
     width: 250px;
     height: 70px;
     align-items: center;
     border-radius: 8px;
}
.img-sq {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100%;
     width: 70px;
     min-width: 70px;
     border-radius: 8px 0 0 8px;
}
.img-sq .sq-c {
     width: 40px;
     height: 40px;
     border-radius: 8px;
}
.img-sq .bg-green {
     background: #96C989;
}
.sq label {
     padding: 0 10px;
     font-weight: 500;
     font-size: 18px;
     line-height: 1.2;
     margin-bottom: 0;
     color: #1F252A;
}
.l-tb {
     font-weight: 600;
     font-size: 16px;
     white-space: nowrap;
}
.l-tb span {
     font-weight: 300;
}
.l-sm {
     font-weight: 500;
     font-size: 16px;
     white-space: nowrap;
     color: #1F252A;
}
 .bg-yl {
     background: #FFDD95;
}
 .bg-aq {
     background: #7ACDC7;
}
 .bg-prp {
     background: #CAB2FD;
}
.blsm-form .info {
     padding-right:3rem;
}
.blsm-form .form-wrp {
     padding: 40px 0 60px 3rem;
}
.blue-bg ul {
     margin: 20px 0 0 20px;
     padding: 0;
}
.blue-bg ul li {
     font-weight: 600;
     font-size: 18px;
     color: #fff;
     margin-bottom: 5px;
}
.btn-form .btn {
     height: 74px;
     max-width: 304px;
     width: 100%;
}
.nex-page, .prev-page {
    background: #113DFA;
    height: 24px;
    width: 24px;
    border: none;
    border-radius: 24px;
    padding: 0;
    color: #fff;
}
.c-pagination{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.nl-overflow{
    overflow: hidden;
}
.nl-overflow .owl-carousel .owl-stage-outer{
    overflow: visible;
}
.form-control {
	background: #FFFFFF;
	box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
	-ms-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
	border-radius: 6px;
	border-color: transparent;
	font-size: 16px;
	height: 56px;
}
select.form-control{
	height: 56px !important;
}
.form-control:hover, .form-control:focus{
	outline: none;
	box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
}
textarea.form-control{
	height: auto;
	min-height: 62px;
}
.form-control.form-control-a{
    background-color: #FFFFFF;
    border-color: #fff;
    border-width: 0px;
    border-left: 6px solid #5D7BFC;
    padding: .575rem .75rem;
}
.img-faded{
    position: relative;
}
.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;
     height: calc(100% - 56px);
}
.card{
	background: #FFFFFF;
	box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
	border-radius: 10px;
	padding: 25px;
	border: none;
}
.progress{
	height: 35px;
	font-weight: 600;
	font-family: 'SF Pro Text', sans-serif;
}
.card-lblue{
	background: #E4E9FE;
}
.card-lblue table th{
    border-color: #AABAFD;
}
.accordion-faq {
	display: flex;
	flex-wrap: wrap;
	margin-left: -1%;
	margin-right: -1%;
	padding-top: 40px;
	align-items: flex-start;
}
.accordion-faq .card{
	width: 48%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 20px;
    padding: 20px;
}
.card-lblue .card-header{
	background: transparent;
	border: none;
}
.card-lblue .card-header span{
	color: #303841;
	letter-spacing: 0;
	cursor: pointer;
	padding: 10px 25px 10px 0;
	position: relative;
	display: block;
}

.card-lblue .card-header span:after {
	position: absolute;
	font-family: icomoon;
	content: '\e91b';
	font-weight: 100;
	right: 0;
	height: 24px;
	width: 24px;
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: center;
	transition: 0.3s ease;
	top: 10px;
    transform: rotate(-90deg);
}
.card-lblue .card-header span.collapsed:after{
	
	transition: 0.3s ease;
    transform: rotate(-45deg);
}
.agent-card {
	position: relative;
	padding-left: 135px;
}
.agent-card img {
	border-radius: 50px;
	height: 90px;
	width: 90px;
	object-fit: cover;
	position: absolute;
	left: 25px;
	top: 30px;
}
.nav-tabs .nav-link{
	font-weight: 600;
	font-size: 20px;
}
.line-tabs {
	flex-wrap: nowrap;
	overflow-y: hidden;
	overflow-x: auto;
}
.line-tabs .nav-link{
	white-space: nowrap;
}
.fc-nearby .nav-tabs .nav-link{
	font-size: 16px;
}
.header .nav-micro>ul>li {
     padding: 15px 7px;
}
.hero-mc .hero-mc-wrap{
	width: 100%;
	max-width: 1410px;
	margin: 0 auto;
	display: block;
	min-height: 350px;
	overflow: hidden;
}
.hero-mc .hero-mc-wrap img{
	max-height: 600px;
	object-fit: cover;
	width: 100%;
	display: block;
	min-height: 350px;
	height: auto;
}
.btn-hero {
     font-size: 20px;
     width: 250px;
     text-align: center;
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: 500 ;
}
#thumbs{
	margin-top: 10px;
}
.show-mobile {
     display: none;
}
.bslm-nearby .tabs-solid {
	display: flex;
	height: 64px;
	padding: 5px;
	position: absolute;
	top: 20px;
	right: 35px;
	z-index: 2;
}
#more {
     display:none;
     transition: .5s ease-in;
}
.pr-z3{
	position: relative;
	z-index: 2;
}
.toggle-fcn{
	position: absolute;
	top: 50%;
	left: 420px;
	background: blue;
	height: 20px;
	width: 20px;
	transform: translate(0,-50%);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px;
	z-index: 2;
	text-align: center;
	cursor: pointer;
}
.toggle-fcn i {
	vertical-align: 2px;
}
.toggle-fcn.active{
	left: 10px;
	transition: 0.2s ease-in;
	-webkit-transition: 0.2s ease-in;
	transform: rotate(180deg);
}
.fcn-wrapper.active *{
	display: none;
}
.fcn-wrapper.active{
	width: 0;
	transition: 0.2s ease-in;
	-webkit-transition: 0.2s ease-in;
	padding: 10px;
}
 .modal-custom .modal-content {
     border-radius: 20px;
}
 .m-form-wrp {
     display: flex;
}
 .m-form-wrp .img-w {
     width: 50%;
}
 .m-form-wrp .img-w img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 0 0 0 20px;
}
 .m-form-wrp .form-w {
     width: 50%;
     padding: 20px 30px;
}
.m-form-wrp .reca {
     width: 90%;
     margin: auto;
     height: 70px;
     display: flex;
     justify-content: center;
}
#thumbSlider .owl-item img{
	height: 300px;
	object-fit: cover;
}
#mapdiv{
	z-index: 1;
}
.qi-description {
	white-space: normal;
	line-height: 1.2;
	font-size: 18px;
}
.qi-info-alt .qi-description{
	font-size: 14px;
}
.tabs-to-dropdown .dropdown-menu{
	max-height: 320px;
	overflow: auto;
	flex-wrap: wrap;
	width: 500px;
	flex-direction: column;
	padding: 0;
}
.tabs-to-dropdown .dropdown-menu.show{
	display: flex;
}
.tabs-to-dropdown .dropdown-menu .dropdown-item {
	border-bottom: 1px solid #f0f0f0;
	padding:0.5rem 1rem;
	width: 25%;
}

.fc-nearby .fcn-ico{
    top:18px;
}
.floor-plans .tabs-plans .nav-link{
    padding: 15px 20px !important;
}
.launch-projects{
    margin-top: 30px;
}
.slider-mt{
    margin-top: 40px;
}
.battersea-slider{
    margin-top: 30px;
}
.con-mt{
    margin-top: 30px;
}
.dropdown-wrp{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.project-status {
	display: flex;
	background: #fff;
	align-items: center;
	border-radius: 4px;
	float: right;
}
.project-status span {
	padding: 10px 25px;
	text-align: center;
	width: 50%;
	min-width: 100px;
	height: 100%;
	display: flex;
	height: 50px;
	align-items: center;
}
.ref-insights .form-control{
	min-width: 150px;
}
.overlay-alt{
	position: absolute;
	top: 0;
	left: 15px;
	bottom: 0;
	z-index: 1;
	max-width: 430px;
}
.fcn-wrapper {
	width: 430px;
	background: rgba(255,255,255,0.85);
	box-shadow: -24px 0px 48px rgba(0, 0, 0, 0.16);
	padding: 15px;
	position: relative;
	transition: 0.2s ease-in;
	-webkit-transition: 0.2s ease-in;
	border-radius: 15px 0 0 15px;
}
.fcn-wrapper:after{
	position: absolute;
	bottom: 0;
	height: 70px;
	left: 0;
	right: 0;
	content: '';
	background: linear-gradient(180deg, rgba(252, 253, 253, 0) 0%, rgba(255, 255, 255, 0.74) 53.65%, #FFFFFF 100%);
}
.walk-distane img {
	width: 12px;
	vertical-align: -2px;
	margin-right: 2px;
}
.fcn-wrapper h5, .fcn-wrapper hr{
	padding-left: 15px;
	padding-right: 15px;
}
.fc-nearby{
	overflow: hidden;
}
.fcn-search{
	position: relative;
	background: #fff;
	background: #FFFFFF;
	padding: 10px 10px 10px 50px;
	box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
	border-radius: 8px;
}
.fcn-ico {
	height: 35px;
	width: 35px;
	border-radius: 8px;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	left: 15px;
	top: 11px;
}
.fcn-search .form-control {
	box-shadow: none;
}
.fcn-search .form-control:hover,
.fcn-search .form-control:focus{
	border-color: transparent;
}

.amenities-grid {
	display: flex;
	flex-direction: column;
	overflow: auto;
	height: calc(100% - 100px);
	padding: 15px;
	scrollbar-width: thin;
}
.ag-col{
	background: #FFFFFF;
	box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
	border-radius: 8px;
	margin-bottom: 15px;
}
.ag-ico {
	width: 40px;
	height: 40px;
	border-radius: 8px;
	text-align: center;
	padding: 5px;
	margin-right: 20px;
	display: inline-block;
}
.ag-ico img {
	width: 30px;
}
.ag-header {
	padding: 10px;
	position: relative;
}
.ag-body {
	padding: 20px;
}
.ag-body.show{
	border-top: 1px solid #DADFE4;
}
.ag-list-item {
	display: flex;
	flex-direction: column;
	position: relative;
	padding-right: 60px;
	margin: 8px 0;
}
.accordion .ag-header:after{
	position: absolute;
	content: '\f106';
	font-family: FontAwesome;
	position: absolute;
	right: 20px;
	top: 18px;
}
.accordion .ag-header.collapsed:after{
	content: '\f107';
}
.walk-distane {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	font-weight: 500;
	text-align: right;
}
	
.walk-distane small{
	display: block;
	color: #627285;
}
.ag-list-item::before {
	position: absolute;
	height: 100%;
	width: 6px;
	background: #000;
	content: '';
	left: -20px;
	border-radius: 0 5px 5px 0;
}
.ag-green .ag-ico, .ag-green .ag-list-item::before {
	background: #7ACDC7;
}
.ag-purple .ag-ico, .ag-purple .ag-list-item::before {
	background: #CAB2FD;
}
.ag-brown .ag-ico, .ag-brown .ag-list-item::before {
	background: #D7B89B;
}
.ag-orange .ag-ico, .ag-orange .ag-list-item::before {
	background: #FFAF80;
}
.ag-red .ag-ico, .ag-red .ag-list-item::before {
	background: #FA887B;
}
.ag-yellow .ag-ico, .ag-yellow .ag-list-item::before {
	background: #FFDD95;
}
.ag-dgreen .ag-ico, .ag-dgreen .ag-list-item::before{
	background: #83B975;
}
.ag-green .walk-distane{
	color: #7ACDC7;
}
.ag-purple .walk-distane{
	color: #CAB2FD;
}
.ag-brown .walk-distane{
	color: #D7B89B;
}
.ag-orange .walk-distane{
	color: #FFAF80;
}
.ag-red .walk-distane{
	color: #FA887B;
}
.ag-yellow .walk-distane{
	color: #FFDD95;
}
.ag-dgreen .walk-distane {
	color: #83B975;
}
.ag-green .walk-distane svg path{
	fill: #7ACDC7;
}
.ag-purple .walk-distane svg path{
	fill: #CAB2FD;
}
.ag-brown .walk-distane svg path{
	fill: #D7B89B;
}
.ag-orange .walk-distane svg path{
	fill: #FFAF80;
}
.ag-red .walk-distane svg path{
	fill: #FA887B;
}
.ag-yellow .walk-distane svg path{
	fill: #FFDD95;
}
.ag-dgreen .walk-distane svg path{
	fill: #83B975;
}
.dates .d-wrp:hover:after,  .dates .d-wrp:focus:after{
 	opacity: 1;
 	transition: 0.2s ease;
 }
 .dates .d-wrp span {
     font-size: 20px;
     width: 110px;
}
.dates .d-wrp span:last-child{
	width: auto;
}
.v-gallery .sm {
     color: #E6E9EC;
}
 .v-gallery .inner {
     margin: 0 5px 10px 5px;
     height: 470px;
}
 .v-gallery .inner .full {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .devs .dev-text{
     padding: 90px 40px 80px 0;
}
.archi{
/*    background-image: url(../img/bg-archi.jpg);*/
    background-position: left center;
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-dev{
    /* background-image: url(../img/dev-bg.jpg); */
    background-position: right center;
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-right{
    background-position: right center;
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-left{
    background-position: left center;
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
}
.half-container {
	max-width: 705px;
	padding-top: 70px;
	padding-bottom: 70px;
	min-height: 500px;
	width: 100%;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
     background: #E4E9FE;
     color: #113DFA;
     font-weight: 600;
     font-size: 16px;
}
.shoflat-tb .overlay-wrp {
     padding: 30px;
}
.show-tb-wp {
     background-image: url(../img/showflat.jpg);
     background-size: cover;
     background-repeat: no-repeat;
     position: relative;
     z-index: 0;
}
 .show-tb-wp:after {
     content: '';
     position: absolute;
     width: 50%;
     height: 100%;
     right: 0;
     bottom: 0;
     background: rgb(255,255,255,.8);
     box-shadow: -24px 0px 48px rgba(0, 0, 0, 0.16);
     z-index: -1;
}
 .show-tb-wp ul, .show-tb-wp .tab-content {
     z-index: 2;
     position: relative;
}
.shoflat-tb .tab-content {
     box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
     border-radius: 8px;
}
.shoflat-tb .tab-pane {
     padding: 0;
}
.dates {
    padding: 0;
    border-radius: 8px;
	background: #fff;
}
.dates .d-wrp {
     border-bottom: 1px solid #DADFE4;
     padding: 25px 30px;
     position: relative;
     z-index: 0;
}
.d-wrp::after {
	position: absolute;
	content: '';
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	z-index: -1;
	border-radius: 8px;
	opacity: 0;
	transition: 0.2s ease;
}

.ht-hero{
	max-height: 660px;
}
.ht-ui {
	border-radius: 8px;
	object-fit: cover;
}
.ht-col {
	display: flex;
	flex-direction: column;
	width: 30%;
	padding-left: 20px;
}
.col-mid{
	width: 40%;
}
.ht-left {
	max-width: 420px;
}
.ht-ui-sm{
	width: 50%;
	height: 170px;
}
.ht-ui-md{
	width: 100%;
	height: 340px;
}
.ht-ui-lg{
	width: 100%;
	height: 680px;
}
.hover-thumbs{
	display: flex;
	margin-left: 40px;
}
.floating {
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-top: 5px;
}
.floating1{
	animation-name: floating1;
}
.floating2{
	animation-name: floating2;
}
.floating3{
	animation-name: floating3;
}
.floating4{
	animation-name: floating4;
}
.floating5{
	animation-name: floating5;
}
@keyframes floating1 {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }    
}
@keyframes floating2 {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 20px); }
    to   { transform: translate(0, -0px); }    
}
@keyframes floating3 {
    from { transform: translate(0,  -15px); }
    65%  { transform: translate(0, -5px); }
    to   { transform: translate(0, -15px); }    
}
@keyframes floating4 {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 8px); }
    to   { transform: translate(0, -0px); }    
}
@keyframes floating5 {
    from { transform: translate(0, 0px); }
    65%  { transform: translate(0, 5px); }
    to   { transform: translate(0, -0px); }    
}
.business-info {
	opacity: 0;
	position: absolute;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.90) 53.5%, #FFF 100%);
	display: flex;
	flex-direction: column;
	padding: 20px;
	justify-content: flex-end;
	z-index: 1;
	transition: 0.3s ease;
	border-radius: 16px;
}
.business-col{
	position: relative;
	border-radius: 16px;
/*	overflow: hidden;*/
	box-shadow: 24px 24px 48px 0px rgba(0, 0, 0, 0.12);
	margin: 0 auto 15px auto;
	max-width: 480px;
}
.business-col:hover .business-info, .business-col:focus .business-info{
	opacity: 1;
	transition: 0.3s ease;
}
.business-col > h4 {
	background: #fff;
	padding: 15px;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin-bottom: 0;
	border-radius: 0 0 16px 16px;
}
.business-col img {
	height: 470px;
	object-fit: cover;
	border-radius: 16px;
}
.business-col .icon-arrow-right-ico {
	font-size: 20px;
	transform: rotate(-35deg);
	display: inline-block;
	margin-left: auto;
}
.oc-agents .owl-nav{
	margin-top: -45px;
}
.agent-img {
	position: relative;
	background: #fff;
}
.agent-contacts{
	display: none;
}
.dim-overlay {
	position: absolute;
	left: 0;
	right: 0;
	background: #1F252A85;
	content: '';
	right: ;
	top: 0;
	bottom: 0;
}
.active .dim-overlay {
	opacity: 0;
}
.agent-info {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 20px;
}
.agent-code {
	color: #627285;
}
.dim-overlay{
	position: absolute;
	left: 0;
	right: 0;
	background: #FCFDFD;
	content: '';
	right: ;
	top: 0;
	bottom: 0;
	display: block;
}
.active .dim-overlay{
	opacity: 0;
	display: none;
}
.lastactiveitem .dim-overlay,
.firstactiveitem .dim-overlay{
	opacity: 0.8;
	z-index: 1;
	display: block;
}
.lastactiveitem .agent-info, .firstactiveitem .agent-info,
.lastactiveitem .lp-info, .firstactiveitem .lp-info,
.lastactiveitem .pnex-overlay, .firstactiveitem .pnex-overlay{
	opacity: 0;
}
.owl-nav {
	max-width: 1440px;
	width: 100%;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	left: 50%;
	height: 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 15px;
	padding-right: 15px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
	position: relative;
	top: 0;
}
.owl-carousel .owl-nav button span {
	font-size: 55px;
	color: #ffffff;
	opacity: 0;
}
.owl-carousel .owl-nav button.owl-prev {
	background: url("../img/arrow.png") no-repeat center center;
	background-size: 18px;
	width: 18px;
}
.owl-carousel .owl-nav button.owl-next {
	background: url("../img/arrow.png") no-repeat center center;
	background-size: 18px;
	width: 18px;
	transform: rotate(180deg);
}
.dark-arrows .owl-nav button.owl-prev {
	background: url("../img/arrow_black.png") no-repeat center center;
	background-size: 18px;
}
.dark-arrows .owl-nav button.owl-next {
	background: url("../img/arrow_black.png") no-repeat center center;
	transform: rotate(180deg);
	background-size: 18px;
}

.list-inline {
	display: flex;
}
.container-lg{
	max-width: 1920px;
	padding: 0 15px;
	margin: 0 auto;
}
.blog-box {
	border-radius: 8px;
	height: 100%;
	background: #FFF;
	box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
	display: flex;
  	flex-direction: column;
}
.blog-box img {
	width: 100%;
	border-radius: 8px 8px 0px 0px;
	height: 220px;
	object-fit: cover;
}
.space-wapper {
	padding: 15px 20px;
}
.owl-carousel .owl-stage-outer{
	padding-bottom: 30px;
}
.owl-h.owl-carousel .owl-stage{
	display: flex;
}
.owl-h.owl-carousel .owl-item{
	float: none;
}
.owl-h.owl-carousel .owl-item .item{
	height: 100%;
}
.owl-dots {
	display: flex;
	justify-content: center;
}
.owl-carousel .owl-dots .owl-dot {
	height: 6px;
	width: 6px;
	background: #D9DFE6;
	border-radius: 6px;
	margin: 0 2px;
}
.owl-carousel .owl-dots .owl-dot.active{
	background: #ADB7C3;
}
.card.ar-card{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b69d62+0,db9a00+100 */
	background: linear-gradient(to bottom,  rgba(182,157,98,1) 0%,rgba(219,154,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	box-shadow: 24px 24px 48px 0px rgba(0, 0, 0, 0.12);
}
.ar-card img {
	height: 350px;
	object-fit: contain;
	z-index: 1;
}
.ar-card::after {
	position: absolute;
	background: #fff;
	content: '';
	top: 4px;
	bottom: 4px;
	left: 4px;
	right: 4px;
	z-index: 0;
	border-radius: 8px;
}
.text-rating{
	color: rgba(246,200,2,1);
}
.awards-section{
	height: 480px;
	margin-bottom: 180px;
	z-index: 1;
}
.modal-backdrop.show {
	opacity: .8;
}
.ml-node {
	width: 550px;
	box-shadow: 24px 24px 48px 0px rgba(0, 0, 0, 0.12);
	background: #fff;
	border-radius: 0 8px 8px 8px;
	padding-top: 20px;
	padding: 20px 25px 0 25px;
	height: 100%;
	position: relative;
}
.ml-node img{
	width: 100%;
	height: 270px;
	object-fit: cover;
}
.ml-node img.img-contain{
	object-fit: contain;
	margin-bottom: 20px;
}
.ml-node ul{
	padding-left: 15px
}
.ml-node p{
	margin-bottom: 8px;
}
.milestones-timeline {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
	list-style: none;
	align-items: center;
	position: relative;
}
.milestones-timeline > li{
	width: 620px;
	margin-right: 0;
	margin-left: -788px;
	max-height: 360px;
	position: relative;
	justify-content: center;
}
.milestones-timeline::after {
	position: absolute;
	width: 2px;
	height: auto;
	background: #c6c6c6;
	content: '';
	left: 0;
	right: 0;
	margin: 0 auto;
	border-radius: 2px;
	bottom: 0;
	top: 0;
}
.milestones-timeline > li:nth-child(2n+1) {
	margin-left: 788px;
	margin-right: 0;
	display: flex;
}
.ml-thumb {
	margin-left: -25px;
	margin-inline: -25px;
	border-radius: 0 0 8px 8px;
	overflow: hidden;
	padding-top: 10px;
}
.milestones-timeline > li::before {
	position: absolute;
	height: 15px;
	width: 15px;
	content: '';
	background: #3371F2;
	border-radius: 15px;
	right: -92px;
	margin: 0 auto;
	z-index: 1;
	border: 3px solid #fff;
	box-shadow: 0px 0px 0px 2px #3371F2;
}
.milestones-timeline > li:nth-child(2n+1):before{
	left: -92px;
	right: initial;
}
.ml-year{
	position: absolute;
}
.ml-year {
	position: absolute;
	font-weight: 600;
	right: -60px;
	top: -4px;
}
.milestones-timeline > li:nth-child(2n+1) .ml-year{
	left: -60px;
	right: initial;
}
.milestones-timeline > li:last-child{
	max-height: initial;
}
.our-contacts{
	background-repeat: repeat;
  background-size: contain;
}
.subscribe-form .form-control{
	background: rgba(255,255,255,0.1);
	height: auto !important;
	color: #fff;
}
.subscribe-form .form-control::placeholder {
	color: #fff;
	opacity: 0.8;
}
.no-shadow{
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}
.social-list{
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 15px;
}
.social-list li{
	margin-bottom: 8px;
}
.social-list a {
	height: 30px;
	width: 30px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 25px;
	font-size: 16px;
}
.news-details .image img, .news-details img{
	max-width: 100%;
	height: auto;
}
.news-details figcaption{
	opacity: 0.7;
	margin-top: 10px;
}
.tabs-alpha .nav-link {
	border: 1px solid #E6E9EC;
	font-size: 16px;
	font-weight: 600;
	color: #1F252A;
	background: #fff;
	border-radius: 4px;
	width: 100%;
  	padding: 10px;
  	height: 80px;
  	cursor: pointer;
}
.tabs-alpha .nav-item {
	width: 33.33%;
	margin-bottom: 15px;
	padding-right: 15px;
}
.tabs-alpha .nav-link.active, .tabs-alpha .nav-link:hover, .tabs-alpha .nav-link:focus{
	border: 1px solid #375CFB;
	box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.12);
	color: #113DFA;
	outline: none;
}
.sub-header{
    background: #14181c;
    color: #fff;
}
.sub-header ul{
    display: flex;
    justify-content: center;
}
.sub-header li a{
    padding: 20px;
    color: #fff;
    opacity: 0.5;
    display: inline-block;
}
.sub-header .active a, .sub-header li a:hover, .sub-header li a:focus{
    opacity: 1;
    font-weight: 600;
}
.cards-slider{
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.cards-slider .slider {
  display: grid;
  grid-template-areas: "stack";
  width: 100%;
  --scale: 1;
  --x: 0;
  --y: 0;
}
.cards-slider .slider > * {
  grid-area: stack;
  width: 100%;
  height: auto;
  transform: scale(var(--scale)) translate(var(--x), var(--y));
  transform-origin: right;
  transition: all 150ms linear;
  background: #fff;
  overflow: hidden;
}
.slider [class*='slide-']{
    border-radius: 24px;
    box-shadow: 24px 24px 48px 0px rgba(0, 0, 0, 0.12);
    --scale: 0.8;
    --x: 48px;
}
.cards-slider .slider .slide-1 {
  z-index: 6;
  --scale: 1;
  --x: 0px;
}
.cards-slider .slider .slide-2 {
  z-index: 5;
  --scale: 0.90;
  --x: 24px;
}
.cards-slider .slider .slide-3 {
  z-index: 4;
  --scale: 0.8;
  --x: 48px;
}
.slider-controls {
    position: absolute;
    left: -30px;
    right: -30px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 6;
    display: flex;
    justify-content: space-between;
}
.slider-controls button {
    border: 1px solid transparent;
    width: 40px;
    height: 40px;
    border-radius: 13px;
    color: #fff;
    font-size: 34px;
    line-height: 1;
    cursor: pointer;
}

.form-dark label {
    text-align: ;
    color: #fff;
}
.form-dark .form-control.form-control-a{
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
}
.form-dark hr{
    display: none;
}
.contact-alt{
    background-image: url(../img/survey-bg-ipad.png);
    background-repeat: no-repeat;
    background-size: 50% auto;
    background-position: left bottom;
    max-width: 1920px;
    margin: 0 auto;
}
.h-auto{
    height: auto !important;
}
.stackCol {
    position: relative;
    padding-left: 50%;
    height: 100%;
    padding-right: 40px;
    display: flex;
    align-items: center;
}
.stackCol img{
    position: absolute;
    left: 0;
    width: 50%;
    height: 100%;
    object-fit: cover;
}
.stackColInfo {
    padding-left: 40px;
}
.stackColInfo ul {
    padding-left: 20px;
}
.bgc-dark {
	background-color: #1b2025 !important;
}
.wb-left {
  background: rgba(29, 53, 87, 0.75);
  color: #fff;
  display: flex;
  justify-content: flex-end;
  padding-top: 50px;
  padding-bottom: 50px;
  align-items: center;
  height: 100%;
}

.wbl-inner {
  max-width: 705px;
  padding-right: 10%;
  width: 100%;
}
.wbr-inner {
  max-width: 705px;
  padding-left: 10%;
  width: 100%;
}

.wb-right {
  background: #F6FAFB;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 50px;
  padding-bottom: 50px;
  height: 100%;
}
.loop-false .owl-stage{
	display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
}
.logo-ft {
     width: 140px;
}
.btn-alt, .btn-alt:hover, .btn-alt:focus {
    background: #DADFE4;
    color: rgb(65, 75, 88);
}
.btn-wts, .btn-wts:hover, .btn-wts:focus{
    background: #10B317;
    color: #fff !important;
}
.border-md-right{
    border-right: 1px solid #DADFE4;
}
.contact-person {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 12px;
	color: #1F252A;
	font-weight: 600;
}
.contact-person img {
	width: 30px;
	border-radius: 8px;
	border: 1px solid #EFEFEF;
}
.contact-person img.ph-img {
	width: 42px;
}
@keyframes shrink {
  0% {
    transform: scale(1);
	}
  100% {
    transform: scale(2);
  	}
 }
.cookie-policy{
    z-index:4;
    position:fixed;
    padding:20px;
    right:20px;
    border-radius:16px;
    left:20px;
    width:100%;
    max-width:400px;
    bottom:60px;
    backdrop-filter:blur(2px);
    background:rgba(209, 217, 254, 0.9);
}
.modal-xl {
	max-width: 1000px;
}
.owl-carousel .owl-item img{
	height: auto;
}
@media screen and (max-width:1500px){
	.btn {
		font-size: 18px;
		padding: 12px 25px;
	}
	.btn-sm{
		font-size: 14px;
	  	padding: 10px;
	}
	.section {
		padding: 40px 0px;
	}
	.owl-carousel .owl-nav button.owl-prev{
		left: 20px;
	}
	.owl-carousel .owl-nav button.owl-next{
		right: 20px;
	}
	.agent-contacts .btn{
		width: auto;
	}
	.lp-info .pb-ico {
		height: 28px;
		width: 28px;
		padding: 6px;
	}
	.lp-info .pb-count {
		font-size: 16px;
	}
	.lp-info .pb-col {
		padding-right: 10px;
	}
	.lp-info{
		padding-left: 15px;
		padding-right: 15px;
	}
	.lp-name{
		font-size: 18px;
	}
	.agent-dark-img {
		width: 100px;
	}
	.agent-dark-info {
		width: calc(100% - 100px);
	}
	.search-bottom-fix .in-bed {
		min-width: 60px;
		max-width: 75px;
	}
    .cc-style-alpha {
        min-height: 50px;
    }
    .cc-style-alpha label{
        font-size: 16px;
        padding-left: 50px !important;
        margin-left: 0;
    }
    .cc-style-alpha::before {
        width: 50px;
    }

    /*MS CSS*/
     .v-gallery .inner {
         height: 415px;
    }
    /*MS CSS*/
    .t-h6{
		font-size: 16px;
	}
	.tabs-solid .nav-link {
		padding: 10px 20px;
	}
	.nav-tabs .nav-link {
		font-weight: 600;
		font-size: 16px;
	}
	.t-h4{
		font-size: 20px;
	}
	.blue-bg ul li{
		font-size: 16px;
	}
	.form-control{
		height: 48px;
	}
	.l-sm{
		font-size: 14px;
	}
	.l-tb, .t-tl, .sq label{
		font-size: 16px;
	}
	.accordion-faq .card{
		padding: 10px 20px;
	}
	.fs-xl{
		font-size: 55px;
	}
	 .table-rooms .img-wrp {
	     height: calc(100% - 56px);
	}
	.oc-agents .owl-nav{
		padding-left: 0;
		padding-right: 0;
	}
	.ht-ui-lg{
		height: 580px;
	}
	.ht-ui-md {
		height: 280px;
	}
	.ht-ui-sm {
		height: 140px;
	}
	.ht-hero {
		max-height: 560px;
	}
	.ml-node{
		width: 480px;
	}
	.milestones-timeline > li {
	  width: 500px;
	  margin-left: -580px;
	  justify-content: flex-end;
	}
	.milestones-timeline > li:nth-child(2n+1) {
	  margin-left: 580px;
	}
	.milestones-timeline > li::before{
		right: -47px;
	}
	.milestones-timeline > li:nth-child(2n+1)::before{
		left: -48px;
	}
	.ml-year{
		right: -26px;
	}
	.milestones-timeline > li:nth-child(2n+1) .ml-year {
		left: -26px;
	}
	.slider-controls {
        left: -40px;
        right: -40px;
    }
    .wbl-inner {
	    max-width: 555px;
	    padding-right: 40px;
	}
	.wbr-inner {
	    max-width: 555px;
	    padding-left: 40px;
	}

}
@media screen and (max-width:1366px){
	.t-h1, h1 {
		font-size: 40px;
	}
	.t-h2, h2 {
		font-size: 35px;
	}
	.t-h3, h3 {
		font-size: 27px;
	}
	.t-h4, h4 {
		font-size: 22px;
	}
	.t-h5, h5 {
		font-size: 20px;
	}
    .fs-20 {
        font-size: 16px;
    }
	.cp-item{
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.cp-item span{
		font-size: 16px;
	}
	.slider-type-2 .new-l-div > img {
		object-fit: cover;
		height: 400px;
	}
	.newlb-top, .newlb-bottom{
		padding-left: 15px;
		padding-right: 15px;
	}
	.bbr-item{
		font-size: 18px;
	}
	.form-control{
		height: 43px;
		font-size: 16px;
	}
	select.form-control{
		height: 43px !important;
	}
	.lp-info{
		padding-left: 15px;
		padding-right: 15px;
	}
	.cp-facSlider .item{
		padding: 40px 30px;
	}
	.pb-col{
		padding-right: 20px;
	}
	.bbr-list-ico img {
		left: -15px;
		width: 22px;
		top: 16px;
	}
	.btn-sm {
		padding: 8px 10px;
		border-radius: 6px;
	}

    /*MS CSS*/
     .v-tour .dropdown-toggle {
         height: 60px;
    }
     .drop-tl {
         font-size: 20px;
    }
     .small {
         font-weight: 500;
/*         font-size: 18px;*/
    }
     .v-gallery .inner {
         height: 420px;
    }
     .h-cstm {
         height: 50px;
    }
    .l-sm {
         font-size: 14px;
    }
     .table-rooms .img-wrp {
         width: 340px;
    }
     .btn-form .btn, .btn-form .reca {
         height: 64px;
    }
     .blue-bg ul li {
         font-size: 18px;
    }
     .owl-mc .bbr-item label {
         font-size: 26px;
    }
     .bbr-item .abs {
         height: 50px;
         width: 50px 
    }
     .bbr-item .abs img {
         width: 22px;
    }
     .owl-mc .bbr-item {
         padding: 12px 60px 12px 16px;
    }
     .bslm-nearby .nav-link {
         padding: 13px 20px;
    }
    .btn-lg {
        font-size: 18px;
        padding: 12px 25px;
    }
     .blommems .fs-20 {
         font-size: 18px;
    }
     .wrp-abs {
         margin-top: -55px;
    }   
     .header .header-btns {
         align-items: center;
    }
    
     .tabs-plans .nav-link {
         padding: 14px 15px;
    }
    /*MS CSS*/
    .v-tour .dropdown-toggle{
        font-size: 16px;
        height: auto;
    }
    .btn-round{
    	height: 40px;
    	width: 40px;
    	font-size: 18px;
    }
    .fs-xl{
		font-size: 50px;
	}
	.half-container{
		max-width: 555px;
		min-height: 300px;
	}
	.cell-btn i{
		font-size: 20px;
	}
}
@media screen and (max-width:1199px){
	.fs-60{
		font-size: 45px;
	}
	.section {
	  padding: 30px 0px;
  	}
  	.cp-facSlider .item{
  		padding: 30px;
  	}
  	.pb-count, .qi-description {
		font-size: 16px;
	}
	.lp-info .property-build {
		justify-content: flex-start;
	}
	.lp-info .pb-col {
		padding-right: 10px;
		padding-left: 0px;
		margin-bottom: 0px;
		margin-top: 5px;
	}
	.card{
		padding: 15px;
	}
	.agent-contacts{
		opacity: 1;
		background: linear-gradient(180deg, rgba(27, 32, 37, 0) 0%, rgba(27, 32, 37, 0) 39.06%, rgba(27, 32, 37, 0.3) 76.56%, #1B2025C4 100%);
	}
	.firstactiveitem .agent-contacts, .lastactiveitem .agent-contacts{
		opacity: 0;
	}
	.agent-card img{
		height: 65px;
		width: 65px;
	}
	.agent-card.card{
		padding-left: 100px;
	}
	.agent-card img{
		left: 15px;
		top: 15px;
	}
	.tool-divv {
		background: rgba(255,255,255,0.8);
		padding: 10% 20px;
	}
	.property-tool-wrapper{
		height: auto;
		padding-top: 0;
		min-height: initial;
	}
	.btn-icon.btn img{
		width: 36px;
	}
	.btn.btn-icon{
		padding-left: 60px;
	}
	.top-message-w{
		margin-top: 49px;
	}

    /*MS CSS*/
    .dates .d-wrp span {
         font-size: 16px;
    }
     .v-gallery .inner {
         height: 250px;
    }
     .h-cstm {
         height: 46px;
    }
     .section-top {
         margin-top: 30px !important;
    }
    /*MS CSS ENDS*/ 
	.l-tb, .t-tl, .sq label{
		font-size: 14px;
	}
	.blsm-form .form-wrp{
		padding-left: 1.5rem;
	}
	.blsm-form .info{
		padding-right: 1.5rem;
	}
	.dates .d-wrp{
		padding: 10px 15px;
	}
	.shoflat-tb .overlay-wrp {
	     padding: 20px;
	}
	.d-wrp::after {
		top: 5px;
		bottom: 5px;
		left: 5px;
		right: 5px;
	}
	.ht-hero {
		max-height: 460px;
	}
	.ht-ui-lg {
		height: 420px;
	}
	.ht-ui-md {
		height: 180px;
	}
	.ht-ui-sm {
		height: 80px;
	}
	.lastactiveitem .dim-overlay, .firstactiveitem .dim-overlay{
		display: none;
	}
	.lastactiveitem .agent-info, .firstactiveitem .agent-info, .lastactiveitem .lp-info, .firstactiveitem .lp-info{
		opacity: 1;
	}
	.ml-year{
		display: none;
	}
	.ml-node{
		padding: 20px 15px 0 15px;
	}
	.milestones-timeline > li{
		width: 360px;
	}
	.ml-thumb {
	  margin-left: -15px;
	  margin-inline: -15px;
	}
	.ml-node{
		width: 100%;
	}
	.milestones-timeline > li{
		margin-left: -440px;
	}
	.milestones-timeline > li:nth-child(2n+1) {
		margin-left: 440px;
	}
	.ml-node img{
		height: 180px;
	}
	.ar-card img {
		height: 250px;
	}
	.awards-section{
		margin-bottom: 80px;
	}
	.card.ar-card{
		padding: 10px;
	}
	.stackCol{
        padding-right: 0;
    }
    .stackColInfo {
        padding-left: 20px;
        padding-right: 20px;
    }
    .stackColInfo ul {
        padding-left: 15px;
    }
    .stackCol img{
        width: 40%;
    }
    .stackCol{
        padding-left: 40%;
    }
    .slider [class*="slide-"]{
        --x: 24px;
        --scale: 0.90;
    }
    .cards-slider .slider .slide-2{
        --x: 12px;
        --scale: 0.95;
    }
    .cards-slider .slider .slide-3{
        --x: 24px;
        --scale: 0.90;
    }
    .slider-controls{
        left: 2px;
        right: 2px;
    }
    .slider-controls button{
        opacity: 0.8;
    }
    .border-md-right{
        border-right: none;
    }
}
@media screen and (min-width: 992px){
	.modal-lg {
		max-width: 600px;
	}
	.modal-xl {
		max-width: 850px;
	}
	.modal-xxl {
		max-width: 1200px;
	}
}
@media screen and (max-width:991px){

	.accordion-faq .card {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 10px;
		padding: 10px 20px;
	}
	.form-control-lg {
		height: 48px !important;
	}
	.nav-tabs .nav-link {
	  font-size: 14px;
	}
	.tabs-solid .nav-item::before {
		top: 9px;
	}
	.input-group-c .input-group-text{
		width: 48px;
		height: 48px;
		font-size: 16px;
	}
	.accordion-faq{
		padding-top: 20px;
	}
	.dir-search {
		flex-direction: column;
	}
	.dir-search .ds-col, .dir-search .ds-col{
		width: 100%;
		margin-bottom: 10px;
	}
   
	.ds-right .form-control:first-child{
		margin-left: 0;
	}
	.dir-search {
		padding: 0px 0 20px 0;
	}
	.lp-name {
		flex-direction: column;
		align-items: flex-start;
	}
	.lp-name small{
		margin-left: 0;
	}
	.pb-ico {
		height: 35px;
		width: 35px;
		padding: 9px;
	}
	.pb-count{
		font-size: 14px;
	}
	.bbr-item {
		font-size: 16px;
		margin-bottom: 10px;
		padding-right: 15px;
	}
	.bbr-list-ico img{
		top: 14px;
	}
	
	.search-bottom-fix form ul{
		flex-wrap: wrap;
	}
	.search-bottom-fix ul li{
		margin-right: 0;
		padding: 0 5px;
		margin-bottom: 10px;
	}
	.search-bottom-fix ul .in-price, .search-bottom-fix .in-type{
		min-width: inherit;
		max-width: inherit;
		width: 25%;
	}
	.search-bottom-fix ul .in-rent, .search-bottom-fix ul .in-bed{
		min-width: inherit;
		max-width: inherit;
		width: 16.66%;
	}
	.search-bottom-fix label {
		margin-bottom: 5px;
	}
	.search-bottom-fix{
		padding: 30px 0;
	}

    /*MS CSS Starts*/
    .drop-tl {
         margin-top: 24px;
    }
     .v-tour .dropdown ul {
         width: auto;
    }
     .v-tour .text {
         width: 100%;
    }
     .bg-gal-up:before {
         background:rgb(0,0,0,.7) !important;
    }
     .devs .dev-text {
         padding: 50px 0 50px 0;
    }
     .table-wraper {
         flex-direction: column;
    }
     .nav-s-flat {
         height: 44px;
         margin-top: 10px;
    }
     .show-tb-wp:after {
         width: 100%;
    }
     .table-fl .tl, .count {
         font-size: 14px;
    }
     .table-rooms .img-wrp {
         width: 100%;
         border-radius: 16px;
         padding: 20px 0;
         overflow: hidden;
    }
     .table-rooms .img-wrp img {
         width: 35%;
    }
     .table-wraper {
         border-radius: 0;
    }
     .table-rooms .table-responsive{
         height: 100%;
         overflow-y: auto;
    }
     .table-rooms .content {
         border:1px solid #E6E9EC;
         margin-top: 20px;
    }
     .flex-end-ft {
         align-items: flex-start;
         padding-top: 20px;
    }
    .btn-form {
         margin-top: 30px;
    }
     .blue-bg ul li {
         font-size: 14px;
		margin-bottom: 5px;
    }
     .flex-col-md {
         display: block;
    }
     .bslm-nearby .fcn-wrapper {
         order:2;
         margin-top: 20px;
         border-radius: 15px;
    }
     .blsm-form .form-wrp {
         padding-top: 40px;
         padding-bottom: 40px;
         padding-left: 0;
    }
     .bslm-nearby ul {
         order: 1;
    }
     .nav-s-flat {
         width: fit-content;
    }
    /*MS CSS ENDS*/
    .table-fl .tl{
    	padding-left: 0;
    }
    .bg-left, .bg-right{
		background: #fff !important;
	}
	.bg-left-gfaded::after, .bg-left-faded::after{
		content: none;
	}
	.blsm-form .info{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	.blsm-form .info{
		padding-right: 0;
	}
	.m-form-wrp .img-w{
		display: none;
	}
	.m-form-wrp .form-w{
		width: 100%;
		padding: 1rem;
	}
	.archi, .bg-dev{
		background: #fff !important;
	}
	.half-container {
		max-width: 720px;
		min-height: auto;
		margin: 0 auto;
		padding: 40px 15px;
	}
	.amenities-grid{
		height: 300px;
	}
	.overlay-alt{
		top: 75px;
	}
	.bslm-nearby .tabs-solid{
		left: 25px;
		right: auto;
	}
	.show-tb-wp{
		background: #fff;
		margin-top: 20px;
	}
	.show-tb-wp:after{
		content: none;
	}
	.shoflat-tb .overlay-wrp{
		padding: 0;
	}
	.dev-text-dark{
		color: #1F252A;
	}
	.table-rooms .img-wrp{
		height: auto;
	}
	.owl-prj{
		padding: 0;
	}
	.ht-hero {
		max-height: initial;
	}
	.ht-left{
		max-width: 100%;
	}
	.hover-thumbs{
		margin-left: 0;
	}
	.ml-node p {
		font-size: 14px;
		line-height: 1.3;
	}
	.milestones-timeline > li {
		width: 260px;
	}
	.milestones-timeline > li {
		margin-left: -300px;
	}
	.milestones-timeline > li:nth-child(2n+1){
		margin-left: 300px;
	}
	.milestones-timeline > li{
		max-height: 260px;
	}
	.ml-node{
		padding-top: 10px;
	}
	.milestones-timeline > li::before {
		right: -28px;
	}
	.milestones-timeline > li:nth-child(2n+1)::before {
		left: -28px;
	}
	.ar-card img {
		height: 180px;
	}
	.awards-section {
		height: 335px;
	}

	.stackCol img {
        width: 100%;
        position: relative;        
        height: 300px;
        object-position: center -150px;
    }
    .stackCol {
        padding-left: 0;
        flex-direction: column;
        padding-right: 0;
    }
    .contact-alt{
        background-size: 30% auto;
        background-position: right bottom;
    }
    .slider-controls{
        top: 20%;
    }
    .wb-right {
	    padding-right: 0;
	    padding-top: 30px;
	    padding-bottom: 30px;
	}

 	.wb-left {
    	padding-left: 0;
  	}
  	.wbr-inner,
	.wbl-inner {
	    max-width: 720px;
	    margin: 0 auto;
	    padding: 0 15px;
	}
	.footer-mc ul li {
	     padding:5px 0;
	}

}
@media screen and (max-width:768px){
	body{
		font-size: 14px;
	}
	body, h1, h2, h3, h4, h5, h6{
		line-height: 1.3;
	}
	.mortgage-output::before {
		left: 15px;
		height: 1px;
		width: auto;
		right: 15px;
	}
	.cp-facSlider .item{
		padding: 15px;
	}
	.insight-table table td{
		padding-left: 10px;
	}
	.insight-table table td:first-child{
		text-align: left;
	}
	.insight-table .nav-pills .nav-link{
		padding: 10px 15px;	
	}
	.insight-table .nav-pills{
		border-right: none;
	}
	.slider-type-2 .new-l-div > img{
		height: 300px;
	}
	.ref-insights .tabs-solid {
		margin-bottom: 15px;
	}
	header .navbar-collapse{
		background: #333;
	}
	.top-home-main{
		flex-wrap: wrap;
	}
	.tool-divv{
		position: absolute;
		right: 20px;
		left: 20px;
		max-width: 600px;
	}
	.search-bottom-fix ul .in-price, .search-bottom-fix .in-type{
		width: 50%;
	}
	.search-bottom-fix ul .in-rent, .search-bottom-fix ul .in-bed{
		width: 33.33%;
	}
	.grant-img {
		height: auto;
		min-height: 400px;
		object-position: bottom;
		width: 100%;
		position: relative;
	}
	.dark-arrows .owl-nav button.owl-prev, .dark-arrows .owl-nav button.owl-next{
		background-size: 12px;
	}
	.foot-bottom{
		border-top: none;
	}
	.site-footer .foot-bottom ul{
		max-height: initial;
	}
	.foot-last .row{
		flex-direction: column-reverse;
	}
	.countries-flag{
		justify-content: center;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.foot-last .fl-left {
		display: flex;
		flex-direction: column-reverse;
	}
	.foot-last .fl-left p{
		margin-bottom: 10px;
	}
	.fb-li > p {
		margin-bottom: 10px;
		margin-top: 10px;
		cursor: pointer;
	}
	.fb-li > ul{
		margin-bottom: 10px;
	}
	.fb-li{
		padding-left: 0;
		padding-right: 0;
	}
	.foot-bottom{
		margin: 0;
	}
	.foot-bottom .fb-li ul li{
		padding-left: 10px;
		padding-right: 10px;
	}
	.overlall-ratings .rr-total {
		font-size: 32px;
	}
	.overlall-ratings i {
		font-size: 22px;
	}
	.title-link{
		float: none;
		display: block;
	}
	.custom-check [type="checkbox"]:checked + label::after, .custom-check [type="checkbox"]:not(:checked) + label::after{
		top: 3px;
	}

    /*MS CSS*/
     .dates .d-wrp span {
        margin-right: 10px;
        white-space: nowrap;
    }
     .overlay-wrp .fs-24 {
         font-size: 20px;
    }
     .nav-s-flat li a {
         font-size: 18px;
    }
     .dates .d-wrp span {
         font-size: 16px;
    }
     .shoflat-tb p {
         font-size: 18px;
    }
     .border-r {
         border-right:none;
    }
     .btn-form {
         flex-direction: column;
         justify-content: center;
         align-items: center;
    }
     .show-mobile {
         display: flex;
    }
     .hide-mobile {
         display: none;
    }
     .btn-hero {
         font-size: 16px;
         width: 174px;
    }
     .owl-mc .bbr-item label {
         font-size: 22px;
    }
     .owl-mc {
         padding-left: 0;
    }
    /*MS CSS ENDS*/
    .dropdown-wrp {
		align-items: flex-start;
		margin-bottom: 30px;
	}
	.blue-bg{
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2961ff+49,1f252a+50&0.75+0,0.75+0,1+100 */
		background: -moz-linear-gradient(top,  rgba(41,97,255,0.75) 0%, rgba(41,97,255,0.75) 35%, rgb(31, 37, 42) 35%, rgba(31,37,42,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(41,97,255,0.75) 0%,rgba(41,97,255,0.75) 35%,rgb(31, 37, 42) 35%,rgba(31,37,42,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(41,97,255,0.75) 0%,rgba(41,97,255,0.75) 35%,rgb(31, 37, 42) 35%,rgba(31,37,42,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf2961ff', endColorstr='#1f252a',GradientType=0 ); /* IE6-9 */
	}
	.blue-bg.bb-white{
		background: -moz-linear-gradient(top, rgba(41,97,255,0.75) 0%, rgba(41,97,255,0.75) 35%, rgb(255, 255, 255) 35%, rgb(255, 255, 255) 100%);
		background: -webkit-linear-gradient(top, rgba(41,97,255,0.75) 0%,rgba(41,97,255,0.75) 35%,rgb(255, 255, 255) 35%,rgb(255, 255, 255) 100%);
		background: linear-gradient(to bottom, rgba(41, 97, 255, 0.75) 0%,rgba(41,97,255,0.75) 35%,rgb(255, 255, 255) 35%,rgb(255, 255, 255) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf2961ff', endColorstr='#ffffff',GradientType=1 );
	}
	.half-container{
		max-width: 540px;
	}
	.overlay-mc{
		left: 15px;
		right: 15px;
		width: auto;
	}
	#thumbSlider .owl-item img{
		height: 250px;
	}
	.overlay-alt {
		position: relative;
		top: 0;
		left: 0;
		bottom: 0;
		z-index: 1;
		max-width: 100%;
		width: 100%;
	}
	.fcn-wrapper{
		width: 100%;
		padding: 15px 0;
		box-shadow: none;
	}
	#mapdiv{
		height: 300px !important;
	}
	.project-status{
		float: left;
		margin-top: 10px;
	}
	.dates .d-wrp span{
		font-size: 14px;
	}
	.dates .d-wrp {
		padding: 10px 5px;
	}
	.toggle-fcn{
		display: none !important;
	}
	.d-wrp::after {
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		border-radius: 0;
	}
	.amenities-grid{
		height: auto;
		padding: 15px 0 0;
		overflow: visible;
	}
	.fcn-wrapper::after{
		content: none;
	}
	.m-form-wrp .form-w{
		padding: 0;
	}
	.tr-fl{
	  	max-height: 500px;
	  	scrollbar-width: thin;
	}
	.table-fl th {
		vertical-align: middle;
		position: sticky;
		top: 0;
		z-index: 3;
		background: #f1f3f5;
	}
	.table-fl td:first-child{
		position: sticky;
		left: 0;
		background: #f1f3f5;
		z-index: 2;
	}
	.table-fl th:first-child {
		left: 0;
		z-index: 4;
	}
	.table-fl .tl{
		height: auto;
	}
	.table-fl td{
		vertical-align: middle;
	}
	.business-col img {
		height: 320px;
	}
	.stackCol img {
        height: auto;
        object-position: center;
        max-height: 300px;
    }
    .cards-slider{
        width: calc(100% - 15px);
    }
	.wb-right,
	.wb-left {
		padding-left: 0;
		padding-right: 0;
	}

	.wbr-inner,
	.wbl-inner {
		max-width: 540px;
	}
}
@media screen and (max-width:576px){
	.fs-60{
		font-size: 35px;
	}
	.t-h1, h1 {
		font-size: 34px;
	}
	.t-h2, h2 {
		font-size: 30px;
	}
	.t-h3, h3 {
		font-size: 22px;
	}
	.t-h4, h4 {
		font-size: 20px;
	}
	.t-h5, h5 {
		font-size: 18px;
	}
	.t-h6, h6 {
		font-size: 16px;
	}
	.btn{
		padding-left: 15px;
		padding-right: 15px;
	}
	.header{
		height: auto;
	}
	.btn-hero{
		width: auto;
	}
	.pb-count, .qi-description {
		font-size: 14px;
	}
	.property-build{
		margin-top: 20px;
	}
	.l-sm-blue{
		font-size: 12px;
	}

	.lp-info .row{
		flex-wrap: nowrap;
	}
	.lp-info .property-build {
		justify-content: flex-end;
	}
	.firstactiveitem .agent-contacts, .lastactiveitem .agent-contacts{
		opacity: 1;
	}
	.card{
		padding: 15px;
	}
	.newl-bottom{
		position: relative;
		float: none;
	}
	.newlb-bottom{
		float: none;
	}
	.newl-bottom{
		background: #f5f5f5;
	}
	.newlb-top h3, .newlb-bottom p{
		width: 100%;
	}
	.newlb-top, .newlb-bottom {
		flex-direction: column;
		align-items: flex-start;
	}
	.newlb-top span, .newlb-bottom span{
		width: 100%;
		text-align: left;
	}
	.newl-bottom.newl-light {
		background: #1b2025;
	}
	.slider-type-2 .new-l-div > img{
		height: auto;
	}
	.owl-carousel .owl-nav button span{
		font-size: 40px;
	}
	.bbr-item {
		font-size: 14px;
		padding: 10px 10px 10px 15px;
	}
	.bbr-list-ico li{
		margin-right: 30px;
	}
	.bbr-item::before {
		height: 33px;
		width: 33px;
		padding: 4px;
		border: 2px solid #fff;
		left: -22px;
	}
	.bbr-list-ico img {
		top: 10px;
		left: -14px;
		width: 18px;
	}
	.progress{
		height: 30px;
	}
	.tool-divv form{
		flex-direction: column;
	}
	.fs-xl {
		font-size: 40px;
	}
	.top-home-main p span::before {	
		top: 15px;
		background-size: 116px;
		background-position: center;
	}
	.foot-top{
		padding-top: 0;
	}
	.ap-ratings{
		max-width: 100%;
	}
	.asw-comment {
		font-size: 14px;
	}
	.arw-item{
		padding-left: 50px;
	}
	.arw-identity {
		height: 36px;
		width: 36px;
		font-size: 14px;
	}
    /*MS CSS*/
     .bbr-item .abs img {
         width: 18px;
    }
     .bbr-item .abs {
         width: 40px;
         height: 40px;
    }
    /*MS CSS ENDS*/
	.btn-round{
		height: 35px;
		width: 35px;
	}
	.v-gallery .inner{
		height: 160px;
	}
	.bank-rates{
		padding: 15px 10px;
	}
	.half-container{
		padding-left: 0;
		padding-right: 0;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.overlay-mc{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.bank-rates img {
		max-width: 100px;
	}
	.blommems .qi-col{
		width: 280px;
		min-width: 280px;
	}
	.input-group-c .input-group-text{
		font-size: 14px;
	}
	.form-control.form-control-a {
		border-color: rgba(0, 0, 0, 0.08);
		border-width: 1px;
		border-left: 6px solid #5D7BFC;
	}
	.owl-nav{
		padding-left: 0;
		padding-right: 0;
	}
	.owl-carousel .owl-nav button.owl-prev{
		left: 15px;
	}
	.owl-carousel .owl-nav button.owl-next{
		right: 15px;
	}
	#outer{
		padding-top: 15px;
	}
	.qi-sub li{
		width: 250px;
	}
	.blommems .qi-col{
		height: 90px;
		padding: 10px 15px 10px 0;
	}
	.btn-form .btn{
		max-width: 305px;
		width: 100%;
	}
	.qi-info-alt .qi-col {
		padding: 10px 0 10px 0;
	}
	.alert .t-h5{
		font-size: 16px;
	}
	.alert{
		padding-left: 0;
		padding-right: 0;
	}
	.hero-mc .hero-mc-wrap img{
	  animation: shrink 60s infinite alternate;
	}
	.ht-ui-lg {
		height: 320px;
	}
	.ht-ui-md {
		height: 150px;
	}
	.ht-col{
		padding-left: 5px;
  		margin-right: 5px;
	}
	.milestones-timeline > li, .milestones-timeline > li:nth-child(2n+1){
		margin-left: auto;
	}
	.milestones-timeline > li{
		width: auto;
		margin-bottom: 15px;
	}
	.milestones-timeline > li{
		max-height: initial;
	}
	.milestones-timeline{
		padding-left: 30px;
	}
	.milestones-timeline::after{
		left: 8px;
		right: auto;
	}
	.milestones-timeline > li::before{
		right: auto;
		left: -28px;
	}
	.awards-section{
		height: auto;
		margin-bottom: 0;
	}
	.social-list{
		display: flex;
		flex-direction: row;
	}
	.social-list li{
		margin-left: 8px;
	}
	.header-btns .btn{
		padding: 6px 8px;
		height: 37px;
	}
	.cookie-policy{
        width:90%;
        right:20px;
    }
}
@media screen and (max-width:480px){
	.cp-facSlider .item {
		padding: 10px;
	}
	.tab-transparent.nav-tabs .nav-link{
		min-width: 60px;
	}
	.title-link{
		font-size: 14px;
	}
	.bbr-item{
		flex-direction: column;
		align-items: flex-start;
	}
	.bbr-item small{
		margin-left: 0;
	}
	.lp-listings .title-link, .nl-new .title-link{
		display: block;
		float: none;
	}
	.dir-search .ds-right {
		flex-direction: column;
	}
	.dir-search .btn-theme, .ds-right .form-control{
		margin-left: 0;
		margin-bottom: 10px;
	}
	.fs-xl {
		font-size: 33px;
	}
	.ap-ratings li{
		padding-left: 0;
		padding-right: 0;
	}
	.img-wrp canvas{
		width: 320px !important;
	}

}

@media screen and (max-width:375px){

	.blue-bg{
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2961ff+49,1f252a+50&0.75+0,0.75+0,1+100 */
		background: -moz-linear-gradient(top,  rgba(41,97,255,0.75) 0%, rgba(41,97,255,0.75) 40%, rgb(31, 37, 42) 40%, rgba(31,37,42,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(41,97,255,0.75) 0%,rgba(41,97,255,0.75) 40%,rgb(31, 37, 42) 40%,rgba(31,37,42,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(41,97,255,0.75) 0%,rgba(41,97,255,0.75) 40%,rgb(31, 37, 42) 40%,rgba(31,37,42,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf2961ff', endColorstr='#1f252a',GradientType=0 ); /* IE6-9 */
	}
	.blue-bg.bb-white{
		background: -moz-linear-gradient(top, rgba(41,97,255,0.75) 0%, rgba(41,97,255,0.75) 40%, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 100%);
		background: -webkit-linear-gradient(top, rgba(41,97,255,0.75) 0%,rgba(41,97,255,0.75) 40%,rgb(255, 255, 255) 40%,rgb(255, 255, 255) 100%);
		background: linear-gradient(to bottom, rgba(41, 97, 255, 0.75) 0%,rgba(41,97,255,0.75) 40%,rgb(255, 255, 255) 40%,rgb(255, 255, 255) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf2961ff', endColorstr='#ffffff',GradientType=1 );
	}
	.v-gallery .inner {
		height: 120px;
	}
}