:root {
  --white:#ffffff;
  --white120:#fcfdfd;
  --white80:#E6E9EC;
  --white60:#DADFE4;
  --white20:#ADB7C3;
  --white10:#F3F4F6;
  
  --clrlink:#849BFD;
  --clrlinkHover:#5C6FC1;
  --blk140:#1F252A;
  --blk120:#303841;
  --blk100:#414B58;
  --bl80:#515F6E;
  --bl60:#627285;
  --bl40:#8090A1;
  --blk20:#97A4B2;
  --blk10:#C4CBD3;
  --ohblk:#171717;
  --ohblk1c:#1C1C1E;
  --ohblk1:#222222;
  --ohblk2:#3A3A3C;
  --ohblk3:#48484A;
  --ohblk5:#F2F2F7;
  --green:#34C759;
  --btnPrimary:#F2B110;
  --btnHover:#CD9918;
  --btnSecondary:#E0D2F6;

  --red:#FF453A;
  --white100:#F1F3F5;

	/*fonts*/
	--fs48:48px;
	--fs40:40px;
	--fs36:36px;
	--fs30:30px;
	--fs26:26px;
	--fs24:24px;
	--fs22:22px;
	--fs20:20px;
	--fs18:18px;
	--fs17:17px;
	--fs16:16px;
	--fs14:14px;
	--fs13:13px;
	--fs12:12px;

	--shadow-lg:24px 24px 48px 0px rgba(0, 0, 0, 0.12);
	--shadow-sm:0px 0px 48px 0px rgba(0, 0, 0, 0.08);

	--bradius8:8px;
	--bradius12:12px;
	--bradius16:16px;
}

body {
  background: var(--ohblk);
  color: var(--white);
}

.border-bottom{
	border-bottom: 1px solid var(--white60);
}

.btn-info{
	background: var(--white80);
	color: var(--blk100);
	border-color: var(--white80);
}
.btn-info:hover,
.btn-info:focus{
	background: var(--white80);
	color: var(--blk100);
	border-color: var(--white80);
}

.text-gb{
	color: var(--white60) !important;
}
.text-bl20{
	color: var(--blk20) !important;
}
.text-bl40{
	color: var(--bl40); !important;
}
.text-bl60{
	color: var(--bl60) !important;
}
.text-bl80{
	color: var(--bl80) !important;
}
.text-blk100{
	color: var(--blk100) !important;
}
.text-bl140{
	color: var(--blk140) !important;
}
.text-wt120{
	color: var(--white120); !important;
}
.text-wt100{
	color: var(--white100);
}
.text-wt80{
	color: var(--white80);
}
.text-wt20{
	color: var(--white20) !important;
}
.text-blk120{
	color: var(--blk120);
}
.text-bl40{
	color: var(--bl40);
}
.ohblk{
	background: var(--ohblk);
}
.bg-ob1{
	background: var(--ohblk1);
}
.bg-ob2{
	background: var(--ohblk2);
}
.bg-ob5{
	background: var(--ohblk5);
}
.bg-wt100{
	background: var(--white100);
}
hr{
    border-color: var(--ohblk3);
}

.btn-outline, .btn-outline:hover, .btn-outline:focus{
	color: var(--white);
	border:1px solid var(--ohblk3);
	background: var(--ohblk3);
}

#header{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1c1c1e+0,1c1c1e+32,ffffff+32 */
	background: linear-gradient(to right,  rgba(28,28,30,1) 0%,rgba(28,28,30,1) 32%,rgba(255,255,255,1) 32%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
/*#header.sticked{
	border-color: #DCD7D7;
}*/
/*#header .logo{
	background: var(--ohblk1c);
    height: 60px;
    padding: 20px 0;
    min-width: 345px;
    color: var(--white);
    position: relative;
    font-size: 20px;
    line-height: 1;
}
#header .logo::after {
	content: '';
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 30px solid var(--ohblk1c);
	right: -29px;
	position: absolute;
}
.header .navbar{
	padding-top: 0;
	padding-bottom: 0;
}
.header .navbar ul {
	margin: 0;
	padding: 0;
	display: flex;
	list-style: none;
	align-items: center;
}
.header .navbar > ul > li {
	white-space: nowrap;
	padding: 0 10px;
}
.header .navbar a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 15px !important;
    padding-right: 15px !important;
    white-space: nowrap;
    transition: 0.3s;
    position: relative;
    font-family: 'SF Pro Text';
    font-weight: 400;
    font-size: 16px;
    color: var(--blk140);
    text-transform: capitalize;
}
.header .navbar-nav > li > a{
	padding-top: 17px;
	padding-bottom: 17px;
}
.header .navbar a.active{
	color: var(--blk20);
}
.header .mobile-nav-show {
	display: none;
}
.header .dropdown-menu{
	border-radius: 0 0 8px 8px;
	margin-top: 0;
	padding: 0;
	box-shadow: 0px 9px 11px 2px rgba(0,0,0,0.2);
	left: auto;
	right: 0;
	overflow: hidden;
	border:none;
}
.header .dropdown-menu .dropdown-item {
	padding: 10px 15px;
	border-top: 1px solid rgba(255,255,255,0.1);
}*/

.tabs-rounded.nav-tabs .nav-link {
	background: var(--ohblk1);
	color: var(--white);
	border: 2px solid var(--blk120);
}
.tabs-rounded.nav-tabs .nav-link.active{
	background: var(--white);
	border-color: var(--white);
	color: var(--blk140);
}
.tabs-solid{
	background: var(--ohblk3);
}
.tabs-solid .nav-link {
	color: var(--white);
	background: var(--ohblk3);
	border:1px solid var(--ohblk3);
}
.tabs-solid .nav-link:hover, .tabs-solid .nav-link:focus{
	border:1px solid var(--ohblk1);
	background: var(--ohblk1);
	color: var(--white);
	outline: none;
}

.tabs-solid .nav-link.active{
	border:1px solid var(--ohblk1);
	background: var(--ohblk1);
	color: var(--white);
}
.accordion-faq .card{
    border-bottom: 1px solid var(--blk100);
}
.accordion-faq .card-header span:after {
	border: 2px solid var(--white);
}


/*.fcn-search{
	position: relative;
	background: var(--white);
	background: var(--white);
	padding: 10px 10px 10px 50px;
	box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
	border-radius: 8px;
}
.fcn-ico {
	background: #375CFB;
	height: 35px;
	width: 35px;
	border-radius: 8px;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--white);
	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);
	scrollbar-width: thin;
	scrollbar-color: #aab7cf transparent;
	max-height: 460px;
}
.ag-col{
	border-radius: 8px;
	margin-bottom: 15px;
	border: 1px solid var(--white60);
	background: #FCFDFD;
}
.ag-ico {
	width: 40px;
	height: 40px;
	border-radius: 8px;
	text-align: center;
	padding: 5px;
	margin-right: 15px;
	display: inline-block;
}
.ag-ico img {
	width: 30px;
}
.ag-header {
	padding: 10px;
	position: relative;
}
.ag-body {
	padding: 0 15px;
}
.ag-list{
	margin-bottom: 0;
}
.ag-body.show{
	border-top: 1px solid var(--white60);
}
.ag-list-item {
	display: flex;
	flex-direction: column;
	position: relative;
	padding-right: 60px;
	margin: 10px 0;
	border-bottom: 1px solid var(--white60);
	padding-bottom: 10px;
}
.ag-list-item:last-child{
	border-bottom: 0;
}
.accordion .ag-header:after{
	position: absolute;
	content: '\e95a';
	font-family: icomoon;
	position: absolute;
	right: 20px;
	top: 18px;
}
.accordion .ag-header.collapsed:after{
	content: '\e959';
}
.walk-distane {
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
	font-weight: 500;
}
.walk-distane img{
	width: 10px;
	margin-right: 4px;
}
	
.walk-distane small{
	display: block;
	color: var(--white);
}

.ag-green .ag-ico, .ag-green .ag-list-item::before {
	background: #409CFF;
}
.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: #FFB340;
}
.ag-red .ag-ico, .ag-red .ag-list-item::before {
	background: #FF6961;
}
.ag-yellow .ag-ico, .ag-yellow .ag-list-item::before {
	background: #FFDD95;
}
.ag-blue .ag-ico, .ag-blue .ag-list-item::before {
	background: #30DB5B;
}*/

.line-tabs .nav-link{
	color: var(--blk20);
	font-weight: 500;
}
.line-tabs{
	border-bottom: 2px solid var(--white60);
}
.line-tabs .nav-item{
	margin-bottom: -2px;
}
.line-tabs .nav-item .nav-link{
	border-bottom: 2px solid transparent;
}
.line-tabs .nav-item .nav-link.active{
	border-color: transparent;
	border-bottom: 2px solid var(--white);
    color: var(--white);
}
.region-list li::after {
    background: var(--bl40);
}
.region-list li a, .region-list li span{
    background: var(--ohblk1);
    z-index: 1;
}
.footer-mc {
    background: var(--ohblk);
}
.footer-ul li{
	border-right: 1px solid var(--white60);
}
.wb-right {
    background: var(--ohblk2);
}