@font-face {
  font-family: Manrope;
  src: url(../font/manrope-regular.woff);
}
@font-face {
  font-family: Metropolis;
  src: url(../font/Metropolis-Regular.woff);
}

.col {
    margin: 0;
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
}

input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{-webkit-appearance:none;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
h1{font-family: Manrope;font-style: normal;font-weight: bold;font-size: 64px;line-height: 87px;color: #52575C;}
h2{font-family: Manrope;font-style: normal;font-weight: 400!important;font-size: 48px;line-height: 66px;color: #52575C;}
h3{font-family: Manrope;font-style: normal;font-weight: normal!important;font-size: 40px;line-height: 55px;color: #52575C;}
h4{font-family: Manrope;font-style: normal;font-weight: normal!important;font-size: 32px;line-height: 44px;color: #FFFFFF;}
h5{font-family: Manrope;font-style: normal;font-weight: normal!important;font-size: 24px;line-height: 33px;color: #52575C;}
h6{font-family: Manrope;font-style: normal;font-weight: normal!important;font-size: 20px;line-height: 27px;color: #52575C;}
p{font-family: Manrope;font-style: normal;font-weight: normal!important;font-size: 16px;line-height: 22px;letter-spacing: 0.01em;color: #52575C;}
small{font-family: Manrope;font-style: normal;font-weight: 700;font-size: 18px;line-height: 22px;letter-spacing: 0.01em;color: #52575C;}
body{background:#ffffff;font-family:Manrope !important;font-weight: normal!important;}
.font14{
	font-size:14px;
	font-weight:300;
	letter-spacing: 0.15px;
}
font12{
	font-size:12px;
}
.w400{
font-weight:400 !important;	
}
.metropolis{
	 font-family: Metropolis;
}
.bg-orange{
	background:#FF7E36;
}
.orange{
	color:#FF7E36;
}
.a{
	list-style:none;
}
.span-dot {padding-top: 25px;margin-right:50px;}
.p-join-vc {position: relative; font-weight:normal;font-size:16px;}
.span-cube {position: relative;float:right;}
.wel-r {width: calc(100% - 480px);padding-left: 112px;align-items: center;display: flex;flex-wrap: wrap;}
.wel-content-inner h2 {font-weight: 600 !important;font-size: 24px !important;line-height: 33px;color: #25282B;margin-bottom: 13px;}
.wel-content-inner  p {color: #52575C;margin-bottom: 41px;}

.ul-in-list {list-style: none;margin: 0;padding: 0;}
.ul-in-list>li {width: 100%;margin-bottom: 24px;}

.ul-in-list>li > form {background: #FFFFFF;box-shadow: 0px 0px 16px rgba(141, 141, 141, 0.08);border-radius: 8px;
min-height: 72px;
text-align: justify;  
display: flex;flex-wrap: wrap;align-items: center;padding: 0 15px 0 32px;width: 100%;max-width: 600px;font-family: Manrope;font-style: normal;font-weight: bold !important;font-size: 18px;line-height: 24px;color: #25282B;transition: ease-in-out .5s;border: 1px solid #ffffff;}
.ul-in-list>li:last-child {margin-bottom: 0;}
.ul-in-list>li > form svg {margin-right: 44px;text-decoration: none;}
.ul-in-list>li.active > form {border: 1px solid #FF7E36;box-shadow: 0px 0px 16px rgba(141, 141, 141, 0.08);border-radius: 8px;background: #FEF1F0; text-decoration: none;}
.ul-in-list>li  :hover {border: 1px solid #FF7E36;box-shadow: 0px 0px 16px rgb(141 141 141 / 8%);border-radius: 8px;background: #FEF1F0; text-decoration: none;
	cursor:pointer
}
.ul-in-list>li >form span{
	background: #FFDFCD;
	color: #E67131;
	border-radius:50%;
	padding:4px 12px;
	/*margin-left:80px;*/
	text-align:left;
}
.wel-content-inner {width: 100%;}
.ul-in-list> li  form:hover:after {	
	
	content: url(../img/ArrowCircleRight.svg);
	text-align: center;
	display: inline-block;
    transition:0.5s;	
}

.ul-in-list li form svg:hover{
	border:none;
	background:transparent;
	
}
.ul-in-list li form span:hover{
	border:none;
	background: #FFDFCD;
	border-radius:50%;
	
}


.gapSpan{
	margin-left:98px;
}
.gapSpanb{
	margin-left:84px;
}
.gapSpanp{
	margin-left:100px;
}

.gapSpanbc{
	margin-left:86px;
}

.left-panel{
	position:fixed;
	padding-right:0;
}
.sign{
	margin-top:-60px;
}

.summ{
	font-size: 32px;
}
.ContactInfo{ margin:0 auto 0; width:100%;padding-top:80px;}

.InputWrap{ width:100%; margin:0 0 18px; position:relative;}
.InputWrap label{ display:block; margin:0 0 8px; font-family:'Manrope'; font-weight:500!important; font-size:12px; line-height:22px; color:#85949F;}
.InputWrap input {background: rgba(255, 255, 255, 0.87);border: 1px solid #DAE2E8;border-radius: 4px;padding: 0 15px;width:370px;height: 56px;font-family: 'Manrope';font-weight: 400;font-size: 16px;line-height: 22px;color: #25282B;}
.PasswordFill input{ padding:11px 40px 11px 11px; }
.PasswordFill i{ position:absolute; bottom:14px; right:1rem;}
.forgetpass a{
	font-weight: 500;
font-size: 14px;
color: #FF7E36;
text-decoration:none;
}
.remember input[type=checkbox] {
    visibility: hidden;
}
.remember .form-group {display: block; margin-bottom: 15px; }
.remember .form-group input {padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; }
.remember .form-group label {position: relative;cursor: pointer;font-size: 18px;font-weight: 500;font-family: 'Manrope';line-height: 20px;color: #B4B7BD;display: flex;align-items: center;}
.remember .form-group label a {color: #B4B7BD;text-decoration: none;margin: 0 4px;}
.remember .form-group label:before {content:''; -webkit-appearance: none; background-color: transparent;border: 1px solid #C4C4C4; border-radius: 2px; padding: 8px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right:22px; }
.remember .form-group input:checked + label:after { content:''; display: block; position: absolute; top:2px; left: 6px; width: 7px; height: 11px; border: solid #ff7e36; border-width: 0 2px 2px 0; transform: rotate(45deg );}
.remember .form-group input:checked + label:before{ border-color:#ff7e36;}
.PrevNext button.NextBtn{ margin:30px 0 0 auto; background:#FF7E36; border-radius: 6px; border:2px solid #FF7E36; width:370px; padding:20px; font-family:'Manrope'; line-height:20px; color:#fff; letter-spacing: 0.2px; font-size:18px; font-weight:700; transition:ease-in-out .5s;}
.PrevNext button.NextBtn:hover{ background:transparent; color:#FF7E36;}





/* General Assets start here*/
.tiny{font-size:0.6em}
.small{font-size:0.8em}
.tiny-medium{font-size: 1em}
.medium{font-size:1.5em}
.large{font-size:2em}
.extra-large{font-size:3em}

.center{text-align:center}
.capitalize{text-transform:uppercase}

.link{text-decoration:none}
.link:hover, .link:active{text-decoration:underline}

.white{color:#FFF}
.grey{color: #5A6374;}
.light-gray{color: #F0F3F5;}
.black{color:#000}
.blue{color:#0054A6} 
.sky-blue{color:#07A0F6}
.green{color:#00CB00} 
.red{color:#D81F2A}
.orange{color: #FF7E36}

.error{color:#D81F2A}

.white-bg{background:#FFF}
.light-gray-bg{background:#D6D7D9}
.light-grey-bg2{background:#313641;}
.blue-bg{background:#0054A6}
.green-bg{background:#00CB00}
.red-bg{background:#D81F2A}

.pointer{cursor:pointer}
.text-shadow{text-shadow:0px 0px 12px #000}
.text-glow{text-shadow:0px 0px 12px #FFF}

.hr
{
    display: block;
    border-top: 1px solid #D6D7D9;
    height: 0;
    line-height: 0;
    font-size: 0;
}

.border{
    border: 1px solid #363636;
    border-radius: 10px;
}
.sqr-border{
    border: 1px solid #363636;
}

.left{float:left}
.right{float:right}

.tiny-spacer{display:block; height:0.2em}
.spacer-half{display:block; height:0.4em}
.spacer{display:block; height:0.8em}
.spacer-2x{display:block; height:1.6em}
.spacer-3x{display:block; height:2.4em}

.padding{padding:0.8em}
.padding-offset{padding-left:0.8em; padding-right:0.8em}
.padding-offset-half{padding-left:0.4em; padding-right:0.4em}
.padding-top-bottom{padding-top:0.8em; padding-bottom:0.8em}
.padding-top{padding-top:0.8em}
.padding-right{padding-right:0.8em}
.padding-bottom{padding-bottom:0.8em}
.padding-left{padding-left:0.8em}
.padding-top-0{padding-top:0}
.padding-right-0{padding-right:0}
.padding-bottom-0{padding-bottom:0}
.padding-left-0{padding-left:0}

.margin-top-0{margin-top:0}
.margin-right-0{margin-right:0}
.margin-right-1{margin-right:1}
.margin-right-2{margin-right:2}
.margin-bottom-0{margin-bottom:0}
.margin-left-0{margin-left:0}
.margin-left-1{margin-left:1}
.margin-left-2{margin-left:2}

.inline{display:inline}
.block{display:block}
.inline-block{display:inline-block}

.bold{font-weight: 700}
.full-width{
    width: 90%;
    margin: 0 auto;
}

/* Notification CSS */
.nsa_info, .nsa_success, .nsa_warning, .nsa_error{
    margin: 10px 0px;
    padding:12px;
}
.nsa_info {
    color: #00529B;
    background-color: #BDE5F8;
}
.nsa_success {
    color: #4F8A10;
    background-color: #DFF2BF;
}
.nsa_warning {
    color: #9F6000;
    background-color: #FEEFB3;
}
.nsa_error {
    color: #D8000C;
    background-color: #FFD2D2;
}
.nsa_info i, .nsa_success i, .nsa_warning i, .nsa_error i {
    margin:2px 2px;
    font-size:1em;
    vertical-align:middle;
}

/* General Assets end here*/


.page-holder {
    min-height: 100vh;
  
  }
  
  .bg-cover {
	background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)),url(../img/category-bg.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
     
  
  }


  .bg-black{
	background: #202632;
}
.navbar{
	height:45px;
}
.addBtn{
	background: #FF6E52;
	color:#ffffff;
	cursor:pointer;
	font-weight: 500;
font-size: 16px;
}
.addBtn svg{
	vertical-align:middle;
}
.bg-property{
	background: #313641;
}
.slectProperty span{
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
}

.slectProperty .nav-tabs .nav-link {
    margin-right: 0px; 
    line-height: 1.42857143;
    border: 1px solid #5C6074;
    border-radius: 0px;	
	color: #A0A4A8;
	font-size: 16px;
	padding:15px 43px;
	font-weight: 600;
}

.slectProperty .nav-tabs .bordrleft {
	border-radius: 4px 0px 0px 4px;
}
.slectProperty .nav-tabs .bordrright {
	border-radius: 0px 4px 4px 0px;
}
.slectProperty .nav-tab {
     border-bottom: 0; 
}
.slectProperty .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
	background-color:#FF7E36;
	color:#fff;
	border: 1px solid #FF7E36;
}
.activeProperty{
	border: 1px solid #3AA76D;
	background: #ffffff;
	box-sizing: border-box;
border-radius: 4px;
width: 364px;
padding:10px 0px;
margin:20px 0px;
cursor:pointer;
}
.InactiveProperty{
	border: 1px solid #3AA76D;
	background: #CACCCF;
	box-sizing: border-box;
border-radius: 4px;
width: 364px;
padding:20px 0px;
margin:20px 0px;
cursor:pointer;
}
.activeProperty:hover{
	background: #E8F8F0;
}
.activeProperty .resto, .InactiveProperty .resto{
	font-weight: 700;
font-size: 16px;
color: #343C44;
float:left;
padding:5px 10px 0px 10px;
}
.activeProperty .athns, .InactiveProperty .athns{
	color: #5C6074;
	font-weight: normal;
	font-size: 14px;
	padding:5px 10px;
	float:left;
}
.activeProperty .notBk svg {
	vertical-align:middle;
	float:left;
    margin-left:10px;
	position:relative;
}
.activeProperty .notBk span{
	font-weight: 700;
	font-size: 14px;
	color: #25282B;
	float:left;
	padding-left:7px;
	margin-top:-3px;
	
}
.slectProperty .nav-tabs{
	border:0;
}

.addBtn a {
	text-decoration: none;
	color: #fff;
}

.logout li a{
	font-weight: 100;
font-size: 16px;
color: #FF6E52 !important;

}



.ul-in-list>li form p{
	width:150px;
	margin-top: 20px;
	font-size: 1em;
	font-weight: 700 !important;
}
.ul-in-list li form p:hover{
	border:none;
	background:transparent;
}