body{
    overflow-y: scroll;
    border: none;
    padding: 0px;
    margin: 0px;
    -webkit-tap-highlight-color: transparent;
    background: #F8F6F1;
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
}

header{
    width: 100%;
    height: 80px;
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-bottom: 1px solid #D5D6D2;
    background: #ECE9E1;
    z-index: 10000;
}

header .inner{
    width: calc(1200px - 100px);
    height: inherit;
    float: left;
    display: flex;
    align-items: center;
}

header .inner .logo{
    width: auto;
    height: 26px;
    float: left;
}

header .inner .logo.admin{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

header .inner .logo svg{
    width: auto;
    height: 100%;
    float: left;
    fill: #1D1D1B;
}

header .inner .logo.admin svg{
    height: 26px;
}

header .inner .logo svg .dot{
    fill: #C4262B;
}

header .inner .logo.admin .additional{
    width: auto;
    height: auto;
    float: left;
    background: #C4262B;
    color: #FFF;
    border-radius: 3px;
    padding: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
    align-self: flex-end;
    font-family: ibmsemibold;
    font-size: 10px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

header .inner .menu{
    width: auto;
    height: auto;
    float: left;
    margin-left: auto;
    margin-right: 0;
    display: flex;
    align-items: center;
    flex-direction: row;
}

header .inner .menu .links{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 30px;
    margin-right: 50px;
}

header .inner .menu .links .link{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 15px;
    color: #1D1D1B;
    opacity: .75;
    text-decoration: none;
}

header .inner .menu .links .link:hover{
    opacity: 1;
}

header .inner .menu .button{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmmedium;
    font-size: 15px;
    color: #FFFFFF;
    background: #C4262B;
    text-decoration: none;
    padding: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    margin-right: 30px;
}

header .inner .menu .button:hover{
    background: #961A1E;
}

header .inner .menu .login{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    box-sizing: border-box;
    border: 1px solid rgba(29, 29, 27, .75);
    padding: 8px;
}

header .inner .menu .login:hover{
    border: 1px solid #C4262B;
}

header .inner .menu .login svg{
    width: 18px;
    height: 18px;
    float: left;
    stroke-width: 1.5px;
    stroke: rgba(29, 29, 27, .75);
}

header .inner .menu .login:hover svg{
    stroke: #C4262B;
}

.hero{
    width: 100%;
    min-height: 70vh;
    min-height: 70dvh;
    float: left;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.hero .inner{
    width: calc(1200px - 100px);
    height: auto;
    float: left;
    position: relative;
    z-index: 1000;
}

.hero .inner .content{
    width: 60%;
    height: 100%;
    float: left;
    margin-top: 75px;
    margin-bottom: 75px;
}

.hero .inner .content .tagline{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskmedium;
    font-size: 14px;
    color: #C4262B;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.hero .inner .content h1.head{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskbold;
    font-size: 50px;
    color: #1D1D1B;
    font-weight: normal;
    margin: 0;
    margin-top: 20px;
    padding: 0;
}

.hero .inner .content p.description{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 17px;
    color: #1D1D1B;
    line-height: 1.5;
    margin: 0;
    margin-top: 20px;
}

.hero .inner .content .show{
    width: 100%;
    height: auto;
    min-height: 150px;
    float: left;
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    position: relative;
    box-shadow: 0 0 50px rgba(0,0,0,.1);
    border-radius: 15px;
}

.hero .inner .content .show .box{
    width: 50%;
    height: auto;
    float: left;
    background: #FFFFFF;
    border: 1px solid #D9D5C9;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.hero .inner .content .show .box:nth-child(1){
    border-radius: 15px 0 0 15px;
    border-right: none;
    padding-right: 40px;
}

.hero .inner .content .show .box:nth-child(2){
    border-radius: 0 15px 15px 0; 
    padding-left: 40px;
}

.hero .inner .content .show .box .swap-inner{
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    transition: opacity .35s ease, transform .35s ease;
}

.hero .inner .content .show .box .swap-inner.swapping{
    opacity: 0;
    transform: translateY(-14px);
}

.hero .inner .content .show .box .swap-inner.entering{
    transition: none;
    opacity: 0;
    transform: translateY(14px);
}

.hero .inner .content .show .box .tag{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.hero .inner .content .show .box .tag .icon{
    width: 18px;
    height: 18px;
    float: left;
}

.hero .inner .content .show .box .tag .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    stroke: #C4262B;
    stroke-width: 1.5px;
    opacity: 0.5;
}

.hero .inner .content .show .box .tag .text{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskmedium;
    font-size: 14px;
    color: #C4262B;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.hero .inner .content .show .box h3.head{
    width: 100%;
    float: none;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.hero .inner .content .show .box h3.head .line{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskbold;
    font-size: 20px;
    color: #1D1D1B;
    font-weight: normal;
}

.hero .inner .content .show .box h3.head .line:first-child{
    opacity: .75;
    font-size: 16px;
    font-family: spacegrotesksemibold;
}

.hero .inner .content .show .box .info{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmmedium;
    font-size: 15px;
    color: #5b5749;
}

.hero .inner .content .show .box .parts{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: center;
}

.hero .inner .content .show .box .parts .part{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.hero .inner .content .show .box .parts .part .text{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 13px;
    color: #A79C89;
}

.hero .inner .content .show .box .parts .part .icon{
    width: 20px;
    height: 20px;
    float: left;
}

.hero .inner .content .show .box .parts .part .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    stroke: #A79C89;
    stroke-width: 1.5px;
}

.hero .inner .content .show .box .button{
    width: auto;
    height: auto;
    float: left;
    background: #C4262B;
    color: #FFFFFF;
    padding: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    font-family: ibmmedium;
    font-size: 14px;
    align-self: flex-start;
    text-decoration: none;
    margin-top: 10px;
}

.hero .inner .content .show .box .button:hover{
    background: #961A1E;
}

.hero .inner .content .show .center{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100px;
    background: #F8F6F1;
    border: 1px solid #D9D5C9;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    cursor: pointer;
}

.hero .inner .content .show .center svg{
    width: 26px;
    height: 26px;
    float: left;
    stroke: #C4262B;
    stroke-width: 1.5px;
    transition: transform .5s ease;
}

.hero .image{
    width: 100%;
    height: 100%;
    position: absolute;
    object-position: center center;
}

.hero .image .overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg,rgba(248, 246, 241, 0.8) 45%, rgba(248, 246, 241, 0.5) 100%);
    z-index: 2;
}

.hero .image img{
    width: 1300px;
    height: auto; 
    float: left;
    opacity: .25;
    z-index: 1;
    transform: rotate(-8deg);
    position: absolute;
    top: -100px;
    right: -300px;
}










.block{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 75px;
    padding-bottom: 75px;
    flex: 1;
}

.block.change,
.block.infobox{
    border-top: 1px solid #D5D6D2;
}


.block .inner{
    width: calc(1200px - 100px);
    height: auto;
    float: left;
    display: flex;
    flex-direction: column;
}

.block .inner h1.head{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskbold;
    font-size: 40px;
    color: #1D1D1B;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.block.infobox .inner{
    flex-direction: row;
    gap: 100px;
}

.block.login .inner{
    align-items: center;
}

.block .inner .ibox{
    width: calc(50% - 50px);
    height: auto;
    float: left;
}

.block .inner .ibox h4.head{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskbold;
    font-size: 30px;
    color: #1D1D1B;
    margin: 0;
}

.block .inner .ibox p.text{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 15px;
    color: #1D1D1B;
    opacity: .75;
    line-height: 1.5;
    margin: 0;
    margin-top: 10px;
}


.block .inner .head-wrapper{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.block .inner .head-wrapper .listing-name{
    width: auto;
    height: auto;
    float: left;
    margin: 0;
    margin-left: 0;
    display: flex;
    flex-direction: column;
}

.block .inner .head-wrapper .listing-name.recapitulation{
    margin-right: 50px;
}

.block .inner .head-wrapper .listing-name h1.head,
.block .inner h1.head,
.block .inner h2.head{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskbold;
    font-size: 40px;
    color: #1D1D1B;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.block.listing .inner h2.head{
    font-size: 30px;
}

.block .inner .head-wrapper .listing-name p.description,
.block .inner .admin-wrapper .content p.description{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskbold;
    font-size: 20px;
    color: #1D1D1B;
    opacity: .5;
    margin: 0;
}

.block .inner .head-wrapper .listing-name p.description.draft{
    color: #C4262B;
    opacity: 1;
}

.block .inner .head-wrapper .listing-name p.description.to-approve{
    color: #1D1D1B;
    opacity: .5;
}

.block .inner .head-wrapper .listing-name p.description.approved{
    color: #1D8348;
    opacity: 1;
}

.block .inner .head-wrapper .listing-name p.description.reserved{
    color: #D97706;
    opacity: 1;
}

.block .inner .head-wrapper .listing-name p.description.archived{
    color: #5B4B8A;
    opacity: 1;
}

.block .inner .head-wrapper .listing-name p.description.reject{
    color: #C4262B;
    opacity: 1;
}

.block .inner .head-wrapper .button-wrapper{
    width: auto;
    float: left;
    height: auto;
    position: relative;
    cursor: pointer;
    align-self: center;
    margin-left: auto;
    margin-right: 0;
}

.block .inner .head-wrapper .button-wrapper .button{
    width: 100%;
    height: auto;
    float: left;
    border: none;
    background: #C4262B;
    color: #FFFFFF;
    align-self: unset;
    margin-top: 20px;
    padding: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    font-family: ibmmedium;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
}

.block .inner .head-wrapper .button-wrapper .button.logout{
    width: auto;
}

.block .inner .head-wrapper .button-wrapper .button:hover{
    background: #961A1E;
}

.block .inner .head-wrapper .button-wrapper .button{
    margin-top: 0;
}

.block .inner .head-wrapper .button-wrapper .loading{
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    float: left;
    background: #961A1E;
    border-radius: 8px;
    border: 1px solid #961A1E;
    position: absolute;
    z-index: 900;
    display: flex;
    align-items: center;
    justify-content: center;
}

.block .inner .head-wrapper .button-wrapper .loading.hidden{
    display:none;
}

.block .inner .head-wrapper .button-wrapper .loading .round{
    content: '';
    position: absolute;
    width: 17px;
    height: 17px;
    border: 3px solid #FFFFFF;
    border-top: 3px solid transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    transform-origin: center center;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.block .inner .part{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    gap: 50px;
    margin-top: 30px;
}

.block .inner .part .box{
    width: calc(100% / 3);
    height: auto;
    float: left;
    box-sizing: border-box;
    border-left: 3px solid #C4262B;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
}

.block .inner .part .box .no{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskmedium;
    font-size: 16px;
    color: #C4262B;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.block .inner .part .box h3.head{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskbold;
    font-size: 20px;
    color: #1D1D1B;
    font-weight: normal;
    margin: 0;
    padding: 0;
    margin-top: 10px;
}

.block .inner .part .box p.description{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 15px;
    color: #1D1D1B;
    line-height: 1.5;
    margin: 0;
    margin-top: 5px;
    opacity: .75;
}

.block.terms .inner .part{
    flex-direction: column;
    gap: 15px;
    margin-top: 50px;
}

.block.terms .inner .part h2.head{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskbold;
    font-size: 30px;
    color: #1D1D1B;
    font-weight: normal;
}

.block.terms .inner .part:last-child h2.head{
    font-size: 25px;
}

.block.terms .inner .part .line{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.block.terms .inner .part .line .no{
    width: 30px;
    height: auto;
    float: left;
    flex-shrink: 0;
    flex-grow: 0;
    font-family: ibmregular;
    font-size: 15px;
    color: #1D1D1B;
    opacity: .75;
    text-align: right;
}

.block.terms .inner .part .line .content{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}

.block.terms .inner .part .line .content p.main{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 15px;
    color: #1D1D1B;
    opacity: .75;
    line-height: 1.5;
    margin: 0;
}

.block.terms .inner .part .line .content .sub{
    width: auto;
    height: auto;
    float: left;
    margin-top: 5px;
    display: flex;
    flex-direction: column;
    clear: left;
}

.block.terms .inner .part .line .content .sub .line2{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    margin-top: 5px;
    align-items: center;
    clear: left;
}

.block.terms .inner .part .line .content .sub .line2 .no{
    width: 5px;
    height: 5px;
    float: left;
    flex-basis: 5px;
    flex-grow: 0;
    flex-shrink: 0;
    background: #1D1D1B;
    opacity: .75;
}

.block.terms .inner .part .line .content .sub .line2 p.content2{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 15px;
    color: #1D1D1B;
    margin: 0;
    opacity: .75;
    margin-left: 15px;
    line-height: 1.5;
}

.block .inner .listings{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    gap: 50px;
    margin-top: 50px;
    flex-wrap: wrap;
}

.block .inner .listings .listing{
    width: calc((100% - 100px) / 3);
    height: auto;
    float: left;
    display: flex;
    flex-direction: column;
    background: white;
    border: 1px solid #D9D5C9;
    border-radius: 15px;
    box-shadow: 0 0 50px rgba(0,0,0,0);
    box-sizing: border-box;
    position: relative;
}

.block .inner .listings .listing:hover{
    box-shadow: 0 0 50px rgba(0,0,0,.1);
}

.block .inner .listings .listing .badge{
    width: auto;
    height: auto;
    position: absolute;
    top: 20px;
    right: 0;
    background: #D97706;
    padding: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 5px 0 0 5px;
    display: flex;
    align-items: center;
}

.block .inner .listings .listing .badge .text{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmmedium;
    font-size: 13px;
    color: #FFF;
}

.block .inner .listings .listing .photo{
    width: 100%;
    height: auto;
    float: left;
    aspect-ratio: 16 / 10;
    background: repeating-linear-gradient(135deg, #ddd9cd, #ddd9cd 8px, #ECE9E1 8px, #ECE9E1 16px);
    border-radius: 14px 14px 0 0;
    overflow: hidden;
}

.block .inner .listings .listing .photo img{
    width: 100%;
    height: 100%;
    float: left;
    object-fit: cover;
    object-position: center center;
    transition: 150ms ease-in-out;
}

.block .inner .listings .listing .content{
    width: 100%;
    height: auto;
    float: left;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.block .inner .listings .listing .content .tagline{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskmedium;
    font-size: 14px;
    color: #C4262B;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 10px;
}

.block .inner .listings .listing .content .tagline .icon{
    width: 18px;
    height: 18px;
    float: left;
}

.block .inner .listings .listing .content .tagline .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    stroke: #C4262B;
    stroke-width: 1.5px;
    opacity: 0.5;
}

.block .inner .listings .listing .content .tagline .text{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskmedium;
    font-size: 14px;
    color: #C4262B;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.block .inner .listings .listing .content h3.head{
    width: auto;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
}

.block .inner .listings .listing .content h3.head .line{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskbold;
    font-size: 20px;
    color: #1D1D1B;
    font-weight: normal;
}

.block .inner .listings .listing .content h3.head .line:first-child{
    opacity: .75;
    font-family: spacegrotesksemibold;
    font-size: 16px;
}

.block .inner .listings .listing .content .info{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmmedium;
    font-size: 15px;
    color: #5b5749;
    margin-top: 10px;
}

.block .inner .listings .listing .content .parts{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 40px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.block .inner .listings .listing .content .parts .part{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    margin-top: 0;
}

.block .inner .listings .listing .content .parts .part .icon{
    width: 20px;
    height: 20px;
    float: left;
}

.block .inner .listings .listing .content .parts .part .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    stroke: #A79C89;
    stroke-width: 1.5px;
}

.block .inner .listings .listing .content .parts .part .text{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 13px;
    color: #A79C89;
}

.block .inner .listings .listing .content .button{
    width: auto;
    height: auto;
    float: left;
    background: #C4262B;
    color: #FFFFFF;
    padding: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    font-family: ibmmedium;
    font-size: 14px;
    align-self: flex-start;
    text-decoration: none;
    margin-top: auto;
    border: none;
    outline: none;
}

.block .inner .listings .listing .content .button:hover{
    background: #961A1E;
}

.block .inner .button{
    width: auto;
    height: auto;
    float: left;
    border: 1px solid #C4262B;
    color: #C4262B;
    padding: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    font-family: ibmmedium;
    font-size: 16px;
    align-self: center;
    text-decoration: none;
    margin-top: 50px;
    outline: none;
}

.block .inner .button:hover{
    background: #961A1E;
    border: 1px solid #961A1E;
    color: #FFFFFF;
}

.block .inner .gallery{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
    margin-top: 30px;
}

.block .inner .gallery.completed{
    filter: grayscale(1);
}

.block .inner .gallery .item{
    width: calc((100% - 120px) / 4);
    height: auto;
    float: left;
    aspect-ratio: 16 / 10;
    flex-grow: 0;
    flex-shrink: 0;
    position: relative;
    outline: none;
    box-shadow: 0 0 50px rgba(0,0,0,0);
    transition: transform .3s ease, scale .3s ease, box-shadow .3s ease;
}

.block .inner .gallery .item:hover{
    box-shadow: 0 0 50px rgba(0,0,0,.05);
    transform: rotate(1deg) scale(1.02);
}

.block .inner .gallery .item img{
    width: 100%;
    height: 100%;
    float: left;
    object-fit: cover;
    object-position: center center;
}

.block .inner .gallery .nophoto{
    width: calc(((100% - 120px) / 4));
    height: auto;
    float: left;
    aspect-ratio: 16 / 10;
    flex-grow: 0;
    flex-shrink: 0;
    position: relative;
    outline: none;
    filter: grayscale(1);
    border: 1px solid #D9D5C9;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF;
    padding: 20px;
    box-sizing: border-box;
}

.block .inner .gallery .nophoto .content{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.block .inner .gallery .nophoto .content .icon{
    width: 24px;
    height: 24px;
    float: left;
}

.block .inner .gallery .nophoto .content .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    stroke: #A79C89;
    stroke-width: 1.5px;
}

.block .inner .gallery .nophoto .content .text{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 15px;
    color: #1D1D1B;
    opacity: .75;
    margin-top: 10px;
    text-align: center;
    line-height: 1.5;
}

.block .inner .listing-wrapper,
.block .inner .contact-wrapper{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    gap: 100px;
}

.block .inner .listing-wrapper .info{
    width: 60%;
    height: inherit;
    float: left;
    margin-left: 0;
    margin-right: auto;
}

.block .inner .listing-wrapper .info .part{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: column;
    gap: unset;
    margin-top: 50px;
}

.block .inner .listing-wrapper .info .part:first-child{
    margin-top: 0;
}

.block .inner .listing-wrapper .info .part h3.head{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskbold;
    font-size: 30px;
    color: #1D1D1B;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.block .inner .listing-wrapper .info .part .description{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 16px;
    color: #1D1D1B;
    opacity: .75;
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

.block .inner .listing-wrapper .info .part .parameters{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 20px;
}

.block .inner .listing-wrapper .info .part .parameters .parameter{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #D5D6D2;
    padding-top: 10px;
    padding-bottom: 10px;
}

.block .inner .listing-wrapper .info .part .parameters .parameter:first-child{
    padding-top: 0;
}

.block .inner .listing-wrapper .info .part .parameters .parameter:last-child{
    border-bottom: none;
}

.block .inner .listing-wrapper .info .part .parameters .parameter .item{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 16px;
    color: #1D1D1B;
    opacity: .75;
    margin-left: 0;
    margin-right: auto;
}

.block .inner .listing-wrapper .info .part .parameters .parameter .item:nth-child(2){
    margin-left: auto;
    margin-right: 0;
}

.block .inner .listing-wrapper .info .founding{
    width: 100%;
    height: auto;
    float: left;
    background: #FBF0EF;
    border-radius: 10px;
    padding: 18px 20px;
    border: 1px solid #F0D9D7;
    box-sizing: border-box;
    margin-top: 50px;
}

.block .inner .listing-wrapper .info .founding h2.head{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
    padding: 0;
    gap: 15px;
}

.block .inner .listing-wrapper .info .founding h2.head .icon{
    width: 22px;
    height: 22px;
    float: left;
}

.block .inner .listing-wrapper .info .founding h2.head .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    stroke: #C4262B;
    stroke-width: 1.5px;
}

.block .inner .listing-wrapper .info .founding h2.head .text{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskbold;
    font-size: 20px;
    color: #1D1D1B;
    font-weight: normal;
}

.block .inner .listing-wrapper .info .founding .element{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
}

.block .inner .listing-wrapper .info .founding .element.half{
    width: calc(50% - 25px);
    margin-left: 50px;
}

.block .inner .listing-wrapper .info .founding .element.half:nth-of-type(2n){
    margin-left: 0;
}

.block .inner .listing-wrapper .info .founding .element h3.head{
    width: auto;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
}

.block .inner .listing-wrapper .info .founding .element h3.head .icon{
    width: 20px;
    height: 20px;
    float: left;
}

.block .inner .listing-wrapper .info .founding .element h3.head .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    stroke: #C4262B;
    stroke-width: 1.5px;
}

.block .inner .listing-wrapper .info .founding .element h3.head .text{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 16px;
    color: #1D1D1B;
    opacity: .75;
    font-weight: normal;
    margin: 0;
    margin-left: 5px;
}

.block .inner .listing-wrapper .info .founding .element .items{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.block .inner .listing-wrapper .info .founding .element .items .item{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 14px;
    border: 1px solid #E8B9B6;
    color: #961A1E;
    padding: 4px 10px;
    border-radius: 5px;
    background: #FFFFFF;
}

.block .inner .listing-wrapper .info .founding .element .text{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 14px;
    color: #1D1D1B;
    margin-top: 5px;
}

.block .inner .listing-wrapper .contact{
    width: calc(40% - 100px);
    height: inherit;
    float: left;
    margin-left: auto;
    margin-right: 0;
    background: #FFFFFF;
    border: 1px solid #D9D5C9;
    border-radius: 15px;
    align-self: flex-start;
    position: sticky;
    top: calc(81px + 30px);
}

.block .inner .listing-wrapper .contact .part{
    width: 100%;
    height: auto;
    float: left;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    padding: 30px;
    flex-direction: column;
    border-top: 1px solid #D9D5C9;
    gap: unset;
}

.block .inner .listing-wrapper .contact .part:first-child{
    border-top: none;
}

.block .inner .listing-wrapper .contact .part h2.head{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskbold;
    font-size: 25px;
    color: #1D1D1B;
    font-weight: normal;
    margin: 0;
}

.block .inner .listing-wrapper .contact .part p.description{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 15px;
    color: #1D1D1B;
    opacity: .75;
    margin: 0;
    margin-top: 10px;
}

.block .inner .listing-wrapper .contact .part .lines{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 20px;
}

.block .inner .listing-wrapper .contact .part .lines .line{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 15px;
}

.block .inner .listing-wrapper .contact .part .lines .line .icon{
    width: 24px;
    height: 24px;
    float: left;
}

.block .inner .listing-wrapper .contact .part .lines .line .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    stroke: #C4262B;
    stroke-width: 1.5px;
    opacity: 0.5;
}

.block .inner .listing-wrapper .contact .part .lines .line .text{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmmedium;
    font-size: 17px;
    color: #C4262B;
    margin: 0;
    padding: 0;
}



.block .inner .listing-wrapper .contact .part .button-wrapper{
    width: 100%;
    float: left;
    height: auto;
    position: relative;
    cursor: pointer;
    align-self: flex-end;
    margin-left: auto;
    margin-right: 0;
}

.block .inner .listing-wrapper .contact .part .button-wrapper .button,
.block .inner .listing-wrapper .contact .part .button{
    width: 100%;
    height: auto;
    float: left;
    border: none;
    background: #C4262B;
    color: #FFFFFF;
    align-self: unset;
    margin-top: 20px;
    padding: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    font-family: ibmmedium;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    box-sizing: border-box;
}

.block .inner .listing-wrapper .contact .part .button.approve{
    background: #EAF5EE;
    margin-top: 0;
    border: 1px solid #1D8348;
    color: #1D8348;
}

.block .inner .listing-wrapper .contact .part .button.approve:hover,
.block .inner .listing-wrapper .contact .part .button.approve.active{
    background: #1D8348;
    color: #FFF;
}

.block .inner .listing-wrapper .contact .part .button.reserve{
    background: #FDF1E1;
    border: 1px solid #D97706;
    color: #D97706;
}

.block .inner .listing-wrapper .contact .part .button.reserve:hover,
.block .inner .listing-wrapper .contact .part .button.reserve.active{
    background: #D97706;
    color: #FFF;
}

.block .inner .listing-wrapper .contact .part .button.archive{
    background: #EEEAF5;
    border: 1px solid #5B4B8A;
    color: #5B4B8A;
}

.block .inner .listing-wrapper .contact .part .button.archive:hover,
.block .inner .listing-wrapper .contact .part .button.archive.active{
    background: #5B4B8A;
    color: #FFF;
}

.block .inner .listing-wrapper .contact .part .button.reject{
    background: #FBF0EF;
    border: 1px solid #C4262B;
    color: #C4262B;
}

.block .inner .listing-wrapper .contact .part .button.reject:hover,
.block .inner .listing-wrapper .contact .part .button.reject.active{
    background: #C4262B;
    color: #FFF;
}

.block .inner .listing-wrapper .contact .part .button.edit{
    background: #f3f3f3;
    border: 1px solid #888887;
    color: #888887;
}

.block .inner .listing-wrapper .contact .part .button.edit:hover{
    background: #888887;
    color: #FFF;
}








.block .inner .listing-wrapper .contact.recap .part .button:first-child{
    margin-top: 0;
}

.block .inner .listing-wrapper .contact .part .button-wrapper .button:hover,
.block .inner .listing-wrapper .contact .part .button:hover{
    background: #961A1E;
}

.block .inner .listing-wrapper .contact.recap .part .button-wrapper .button{
    margin-top: 0;
}

.block .inner .listing-wrapper .contact.recap .part .button-wrapper .loading{
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    float: left;
    background: #961A1E;
    border-radius: 8px;
    border: 1px solid #961A1E;
    position: absolute;
    z-index: 900;
    display: flex;
    align-items: center;
    justify-content: center;
}

.block .inner .listing-wrapper .contact.recap .part .button-wrapper .loading.hidden{
    display:none;
}

.block .inner .listing-wrapper .contact.recap .part .button-wrapper .loading .round{
    content: '';
    position: absolute;
    width: 17px;
    height: 17px;
    border: 3px solid #FFFFFF;
    border-top: 3px solid transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    transform-origin: center center;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.block .inner .contact-wrapper .form{
    width: 60%;
    height: auto;
    float: left;
    background: #FFF;
    border-radius: 15px;
    box-sizing: border-box;
    border: 1px solid #D9D5C9;
    padding: 30px;
}

.block .inner .contact-wrapper .box-wrapper{
    width: calc(40% - 100px);
    height: auto;
    float: left;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.block .inner .contact-wrapper .box-wrapper .box{
    width: 100%;
    height: auto;
    float: left;
    border: 1px solid #D9D5C9;
    box-sizing: border-box;
    border-radius: 15px;
    padding: 30px;
    background: #FFF;
}

.block .inner .contact-wrapper .box-wrapper .box h2.head{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskbold;
    font-size: 25px;
    color: #1D1D1B;
    font-weight: normal;
    margin: 0;
}

.block .inner .contact-wrapper .box-wrapper .box .part{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    margin: 0;
    margin-top: 15px;
}

.block .inner .contact-wrapper .box-wrapper .box .part:nth-child(2){
    margin-top: 20px;
}

.block .inner .contact-wrapper .box-wrapper .box .part .icon{
    width: 24px;
    aspect-ratio: 1 / 1;
    float: left;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.block .inner .contact-wrapper .box-wrapper .box .part .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    stroke: #C4262B;
    stroke-width: 1.5px;
    opacity: .5;
}

.block .inner .contact-wrapper .box-wrapper .box .part .text{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmmedium;
    font-size: 17px;
    color: #C4262B;
}

.block .inner .contact-wrapper .box-wrapper .box .operator{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    margin-top: 20px;
}

.block .inner .contact-wrapper .box-wrapper .box .operator p.line{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 15px;
    color: #1D1D1B;
    opacity: .75;
    margin: 0;
}

.block .inner .contact-wrapper .box-wrapper .box .operator p.line.main{
    opacity: 1;
    font-family: ibmsemibold;
    font-size: 17px;
}

.block .inner .login-wrapper{
    width: 400px;
    height: auto;
    float: left;
    background: #FFFFFF;
    border-radius: 15px;
    border: 1px solid #D9D5C9;
    box-sizing: border-box;
    padding: 30px;
    display: flex;
    flex-direction: column;
}

.block .inner .login-wrapper h2.head{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskbold;
    font-size: 25px;
    color: #1D1D1B;
    font-weight: normal;
    margin: 0;
}

.block .inner .login-wrapper p.description{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 15px;
    color: #1D1D1B;
    opacity: .75;
    margin: 0;
    margin-top: 10px;
}

.block .inner .login-wrapper .error{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 15px;
    color: #C4262B;
    margin: 0;
    margin-top: 10px;
    display: none;
}

.block .inner .login-wrapper .error.active{
    display: block;
}

.block .inner .login-wrapper form{
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}

.block .inner .login-wrapper .input-wrapper,
.block .inner .login-wrapper form .input-wrapper{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    box-sizing: border-box;
    position: relative;
    margin-top: 20px;
}

.block .inner .login-wrapper form .input-wrapper:first-child{
    margin-top: 0;
}

.block .inner .login-wrapper .input-wrapper .input,
.block .inner .login-wrapper form .input-wrapper .input{
    width: 100%;
    height: 55px;
    float: left;
    outline: none;
    border: 1px solid #D9D5C9;
    border-radius: 8px;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    font-size: 16px;
    font-family: ibmregular;
    color: #1D1D1B;
    box-sizing: border-box;
    background: #F8F6F1;
}

.block .inner .login-wrapper .input-wrapper .input:focus,
.block .inner .login-wrapper form .input-wrapper .input:focus{
    border: 1px solid #C4262B;
}

.block .inner .login-wrapper .input-wrapper .label,
.block .inner .login-wrapper form .input-wrapper .label{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 15px;
    color: #A79C89;
    left: 21px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    transition: ease-out 150ms;
    -webkit-transition: ease-out 150ms;
    -moz-transition: ease-out 150ms;
    cursor: text;
    padding-right: 20px;
    line-height: 1.3;
}

.block .inner .login-wrapper .input-wrapper .input:focus + .label,
.block .inner .login-wrapper .input-wrapper .input:not(:placeholder-shown) + .label,
.block .inner .login-wrapper form .input-wrapper .input:focus + .label,
.block .inner .login-wrapper form .input-wrapper .input:not(:placeholder-shown) + .label{
    top: 15px;
    font-size: 13px;
    color: #A79C89;
}

.block .inner .login-wrapper .button,
.block .inner .login-wrapper form .button{
    width: auto;
    height: auto;
    float: left;
    border: none;
    background: #C4262B;
    color: #FFFFFF;
    align-self: unset;
    margin-top: 20px;
    padding: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    font-family: ibmmedium;
    font-size: 16px;
    cursor: pointer;
}

.block .inner .login-wrapper .button:hover,
.block .inner .login-wrapper form .button:hover{
    background: #961A1E;
}

.block .inner .login-wrapper a.resend,
.block .inner .login-wrapper button.resend{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 15px;
    color: #1D1D1B;
    opacity: .75;
    margin: 0;
    margin-top: 10px;
    text-decoration: none;
}

.block .inner .login-wrapper button.resend{
    border: none;
    background: none;
    outline: none;
    padding: 0;
    cursor: pointer;
    text-align: left;
}

.block .inner .login-wrapper a.resend:hover,
.block .inner .login-wrapper button.resend:hover{
    text-decoration: underline;
}

.block .inner .login-wrapper .code-inputs{
    width: 100%;
    float: left;
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

.block .inner .login-wrapper .code-inputs .code-digit{
    width: 100%;
    aspect-ratio: 1 / 1;
    text-align: center;
    font-family: ibmmedium;
    font-size: 22px;
    color: #1D1D1B;
    border: 1px solid #D5D6D2;
    border-radius: 8px;
    background: #F8F6F1;
    box-sizing: border-box;
    outline: none;
}

.block .inner .login-wrapper .code-inputs .code-digit:focus{
    border-color: #C4262B;
}

.block .inner .add-wrapper{
    width: 100%;
    height: auto;
    float: left;
    background: #FFFFFF;
    border: 1px solid #D9D5C9;
    box-sizing: border-box;
    border-radius: 15px;
    margin-top: 30px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.block .inner .add-wrapper.disabled{
    opacity: .4;
    pointer-events: none;
    user-select: none;
}

.block .inner .add-wrapper .part{
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-start;
    margin: 0;
    margin-top: 30px;
    border-top: 1px solid #D9D5C9;
    padding-top: 30px;
}

.block .inner .add-wrapper .part:first-child{
    margin-top: 0;
    border-top: none;
    padding-top: 0;
}

.block .inner .add-wrapper .part .box{
    width: 50%;
    height: auto;
    float: left;
    border: none;
    padding: 0;
}

.block .inner .add-wrapper .part .box:first-child{
    position: sticky;
    top: calc(81px + 30px);
}

.block .inner .add-wrapper .part .box h2.head{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskbold;
    font-size: 30px;
    color: #1D1D1B;
    font-weight: normal;
    margin: 0;
}

.block .inner .add-wrapper .part .box p.description{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 16px;
    color: #1D1D1B;
    opacity: .75;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    margin-top: 10px;
}

.block .inner .add-wrapper .part .box .contact-fields{
    width: auto;
    height: auto;
    float: left;
    margin-top: 20px;
}

.block .inner .add-wrapper .part .box .input-wrapper,
.block .inner .profile-wrapper .part .box .input-wrapper,
.block .inner .contact-wrapper .form .box .input-wrapper,
.block .inner .add-wrapper .part .box .contact-fields .input-wrapper{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    box-sizing: border-box;
    position: relative;
    margin-top: 20px;
}

.block .inner .add-wrapper .part .box .input-wrapper:first-child,
.block .inner .contact-wrapper .form .box .input-wrapper:first-child,
.block .inner .add-wrapper .part .box .contact-fields .input-wrapper:first-child{
    margin-top: 0;
}

.block .inner .add-wrapper .part .box .input-wrapper .input,
.block .inner .profile-wrapper .part .box .input-wrapper .input,
.block .inner .contact-wrapper .form .box .input-wrapper .input,
.block .inner .add-wrapper .part .box .contact-fields .input-wrapper .input{
    width: 100%;
    height: 55px;
    float: left;
    outline: none;
    border: 1px solid #D9D5C9;
    border-radius: 8px;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    font-size: 16px;
    font-family: ibmregular;
    color: #1D1D1B;
    box-sizing: border-box;
}

.block .inner .add-wrapper .part .box .input-wrapper .label,
.block .inner .profile-wrapper .part .box .input-wrapper .label,
.block .inner .contact-wrapper .form .box .input-wrapper .label,
.block .inner .add-wrapper .part .box .contact-fields .input-wrapper .label{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 15px;
    color: #A79C89;
    left: 21px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    transition: ease-out 150ms;
    -webkit-transition: ease-out 150ms;
    -moz-transition: ease-out 150ms;
    cursor: text;
    padding-right: 20px;
    line-height: 1.3;
}

.block .inner .add-wrapper .part .box .input-wrapper .label.error,
.block .inner .profile-wrapper .part .box .input-wrapper .label.error,
.block .inner .contact-wrapper .form .box .input-wrapper .label.error,
.block .inner .add-wrapper .part .box .contact-fields .input-wrapper .label.error{
    color:#cc0000;
}

.block .inner .add-wrapper .part .box .input-wrapper .input:focus + .label,
.block .inner .add-wrapper .part .box .input-wrapper .input:not(:placeholder-shown) + .label,
.block .inner .profile-wrapper .part .box .input-wrapper .input:focus + .label,
.block .inner .profile-wrapper .part .box .input-wrapper .input:not(:placeholder-shown) + .label,
.block .inner .contact-wrapper .form .box .input-wrapper .input:focus + .label,
.block .inner .contact-wrapper .form .box .input-wrapper .input:not(:placeholder-shown) + .label,
.block .inner .add-wrapper .part .box .contact-fields .input-wrapper .input:focus + .label,
.block .inner .add-wrapper .part .box .contact-fields .input-wrapper .input:not(:placeholder-shown) + .label{
    top: 15px;
    font-size: 13px;
    color: #A79C89;
}

.block .inner .profile-wrapper .part .box .input-wrapper.readonly .input:focus + .label,
.block .inner .profile-wrapper .part .box .input-wrapper.readonly .input:not(:placeholder-shown) + .label,
.block .inner .contact-wrapper .form .box .input-wrapper.readonly .input:focus + .label,
.block .inner .contact-wrapper .form .box .input-wrapper.readonly .input:not(:placeholder-shown) + .label{
    left: 21px;
    top: 50%;
    font-size: 15px;
}

.block .inner .add-wrapper .part .box .input-wrapper .check,
.block .inner .profile-wrapper .part .box .input-wrapper .check,
.block .inner .contact-wrapper .form .box .input-wrapper .check,
.block .inner .add-wrapper .part .box .contact-fields .input-wrapper .check{
    width: 26px;
    height: 26px;
    position: absolute;
    right: 21px;
    top: 50%;
    transform: translateY(-50%);
    background: #66c166;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: ease-out 150ms;
    -webkit-transition: ease-out 150ms;
    -moz-transition: ease-out 150ms;
}

.block .inner .add-wrapper .part .box .input-wrapper .check.error,
.block .inner .contact-wrapper .form .box .input-wrapper .check.error,
.block .inner .add-wrapper .part .box .contact-fields .input-wrapper .check.error{
    opacity: 0;
}

.block .inner .add-wrapper .part .box .input-wrapper .check svg,
.block .inner .profile-wrapper .part .box .input-wrapper .check svg,
.block .inner .contact-wrapper .form .box .input-wrapper .check svg,
.block .inner .add-wrapper .part .box .contact-fields .input-wrapper .check svg{
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    float: left;
    stroke-width: 3px;
    stroke: #FFFFFF;
}

/* dialcode */

.block .inner .add-wrapper .part .box .input-wrapper.dialcode,
.block .inner .profile-wrapper .part .box .input-wrapper.dialcode,
.block .inner .contact-wrapper .form .box .input-wrapper.dialcode,
.block .inner .add-wrapper .part .box .contact-fields .input-wrapper.dialcode{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.block .inner .add-wrapper .part .box .input-wrapper.dialcode .dial,
.block .inner .profile-wrapper .part .box .input-wrapper.dialcode .dial,
.block .inner .contact-wrapper .form .box .input-wrapper.dialcode .dial
.block .inner .add-wrapper .part .box .contact-fields .input-wrapper.dialcode .dial{
    flex-basis: calc(85px - 2px);
    height: calc(55px - 1px);
    float: left;
    outline: none;
    border: 1px solid #D9D5C9;
    border-bottom: none;
    border-radius: 8px 0 0 0;
    font-size: 16px;
    font-family: intermedium;
    color: #3c4343;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    flex-grow: 0;
    flex-shrink: 0;
    background: #F8F6F1;
}

.block .inner .profile-wrapper .part .box .input-wrapper.dialcode .dial{
    cursor: unset;
}

.block .inner .add-wrapper .part .box .input-wrapper.dialcode .dial.active,
.block .inner .profile-wrapper .part .box .input-wrapper.dialcode .dial.active,
.block .inner .contact-wrapper .form .box .input-wrapper.dialcode .dial.active,
.block .inner .add-wrapper .part .box .contact-fields .input-wrapper.dialcode .dial.active{
    border-radius: 8px 0 0 0;
}

.block .inner .add-wrapper .part .box .input-wrapper.dialcode .number,
.block .inner .profile-wrapper .part .box .input-wrapper.dialcode .number,
.block .inner .contact-wrapper .form .box .input-wrapper.dialcode .number,
.block .inner .add-wrapper .part .box .contact-fields .input-wrapper.dialcode .number{
    flex-basis: 100%;
    position: relative;
}

.block .inner .add-wrapper .part .box .input-wrapper.dialcode .number .input,
.block .inner .profile-wrapper .part .box .input-wrapper.dialcode .number .input,
.block .inner .contact-wrapper .form .box .input-wrapper.dialcode .number .input,
.block .inner .add-wrapper .part .box .contact-fields .input-wrapper.dialcode .number .input{
    flex-basis: 100%;
    border-radius: 0 8px 8px 8px;
}

.block .inner .add-wrapper .part .box .input-wrapper.dialcode .number .label,
.block .inner .profile-wrapper .part .box .input-wrapper.dialcode .number .label,
.block .inner .contact-wrapper .form .box .input-wrapper.dialcode .number .label,
.block .inner .add-wrapper .part .box .contact-fields .input-wrapper.dialcode .number .label{
    left: 21px;
}

.block .inner .add-wrapper .part .box .input-wrapper.dialcode .prefix,
.block .inner .profile-wrapper .part .box .input-wrapper.dialcode .prefix,
.block .inner .contact-wrapper .form .box .input-wrapper.dialcode .prefix,
.block .inner .add-wrapper .part .box .contact-fields .input-wrapper.dialcode .prefix{
    width: 70px;
    height: 55px;
    float: left;
    border: none;
    outline: none;
    border: 1px solid #D9D5C9;
    border-left: none;
    border-bottom: none;
    border-radius: 0 8px 0 0;
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 16px;
    font-family: ibmregular;
    color: #1D1D1B;
    box-sizing: border-box;
    background: #F8F6F1;
}

.block .inner .add-wrapper .part .box .input-wrapper.dialcode .dial .icon,
.block .inner .profile-wrapper .part .box .input-wrapper.dialcode .dial .icon,
.block .inner .contact-wrapper .form .box .input-wrapper.dialcode .dial .icon,
.block .inner .add-wrapper .part .box .contact-fields .input-wrapper.dialcode .dial .icon{
    width: 25px;
    height: 19px;
    float: left;
    border-radius: 5px;
    overflow: hidden;
}

.block .inner .add-wrapper .part .box .input-wrapper.dialcode .dial .icon img,
.block .inner .profile-wrapper .part .box .input-wrapper.dialcode .dial .icon img,
.block .inner .contact-wrapper .form .box .input-wrapper.dialcode .dial .icon img,
.block .inner .add-wrapper .part .box .contact-fields .input-wrapper.dialcode .dial .icon img{
    width: 100%;
    height: 100%;
    float: left;
    object-fit: cover;
}

.block .inner .add-wrapper .part .box .input-wrapper.dialcode .dial .dropdown,
.block .inner .contact-wrapper .form .box .input-wrapper.dialcode .dial .dropdown,
.block .inner .add-wrapper .part .box .contact-fields .input-wrapper.dialcode .dial .dropdown{
    width: 20px;
    height: auto;
    float: left;
    margin-left: 5px;
}

.block .inner .add-wrapper .part .box .input-wrapper.dialcode .dial .dropdown svg,
.block .inner .contact-wrapper .form .box .input-wrapper.dialcode .dial .dropdown svg,
.block .inner .add-wrapper .part .box .contact-fields .input-wrapper.dialcode .dial .dropdown svg{
    width: 100%;
    height: auto;
    float: left;
    stroke: #737476;
    stroke-width: 2px;
    transform: rotate(180deg);
}

.block .inner .add-wrapper .part .box .input-wrapper.dialcode .dial .dropdownmenu,
.block .inner .contact-wrapper .form .box .input-wrapper.dialcode .dial .dropdownmenu,
.block .inner .add-wrapper .part .box .contact-fields .input-wrapper.dialcode .dial .dropdownmenu{
    width: 100%;
    height: auto;
    float: left;
    position: absolute;
    top: calc(55px + 0px);
    justify-content: center;
    display: flex;
    border: 1px solid #D9D5C9;
    border-top: none;
    border-radius: 0 0 8px 8px;
    display: none;
    overflow: hidden;
    flex-direction: column;
    z-index: 1000;
    outline: none;
}

.block .inner .add-wrapper .part .box .input-wrapper.dialcode .dial:hover .dropdownmenu,
.block .inner .contact-wrapper .form .box .input-wrapper.dialcode .dial:hover .dropdownmenu,
.block .inner .add-wrapper .part .box .contact-fields .input-wrapper.dialcode .dial:hover .dropdownmenu{
    display: flex;
}

.block .inner .add-wrapper .part .box .input-wrapper.dialcode .dial .dropdownmenu .item,
.block .inner .contact-wrapper .form .box .input-wrapper.dialcode .dial .dropdownmenu .item,
.block .inner .add-wrapper .part .box .contact-fields .input-wrapper.dialcode .dial .dropdownmenu .item{
    width: calc(100% - 20px);
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #F8F6F1;
    padding-left: 10px;
    padding-right: 10px;
    justify-content: flex-start;
    border-radius: 0;
    gap: 0;
    transition: none;
}

.block .inner .add-wrapper .part .box .input-wrapper.dialcode .dial .dropdownmenu .item:first-child,
.block .inner .contact-wrapper .form .box .input-wrapper.dialcode .dial .dropdownmenu .item:first-child,
.block .inner .add-wrapper .part .box .contact-fields .input-wrapper.dialcode .dial .dropdownmenu .item:first-child{
    border-bottom: 1px solid #D9D5C9;
}

.block .inner .add-wrapper .part .box .input-wrapper.dialcode .dial .dropdownmenu .item:hover,
.block .inner .contact-wrapper .form .box .input-wrapper.dialcode .dial .dropdownmenu .item:hover,
.block .inner .add-wrapper .part .box .contact-fields .input-wrapper.dialcode .dial .dropdownmenu .item:hover{
    background: #ECE9E1;
}

.block .inner .add-wrapper .part .box .input-wrapper.dialcode .dial .dropdownmenu .item .flag,
.block .inner .contact-wrapper .form .box .input-wrapper.dialcode .dial .dropdownmenu .item .flag,
.block .inner .add-wrapper .part .box .contact-fields .input-wrapper.dialcode .dial .dropdownmenu .item .flag{
    width: 18px;
    height: 14px;
    float: left;
    border-radius: 3px;
    overflow: hidden;
    flex-grow: 0;
    flex-shrink: 0;
}

.block .inner .add-wrapper .part .box .input-wrapper.dialcode .dial .dropdownmenu .item .flag img,
.block .inner .contact-wrapper .form .box .input-wrapper.dialcode .dial .dropdownmenu .item .flag img,
.block .inner .add-wrapper .part .box .contact-fields .input-wrapper.dialcode .dial .dropdownmenu .item .flag img{
    width: 100%;
    height: 100%;
    float: left;
    object-fit: cover;
}

.block .inner .add-wrapper .part .box .input-wrapper.dialcode .dial .dropdownmenu .item .name,
.block .inner .contact-wrapper .form .box .input-wrapper.dialcode .dial .dropdownmenu .item .name,
.block .inner .add-wrapper .part .box .contact-fields .input-wrapper.dialcode .dial .dropdownmenu .item .name{
    width: auto;
    height: auto;
    float: left;
    font-size: 14px;
    font-family: ibmregular;
    color: #1D1D1B;
    margin-left: 10px;
    opacity: .75;
}

/* dialcode */

.block .inner .add-wrapper .part .box .selection{
    width: 100%;
    height: auto;
    float: left;
    box-sizing: border-box;
    border: 1px solid #D9D5C9;
    border-radius: 8px;
    padding: 20px;
    margin-top: 30px;
}

.block .inner .add-wrapper .part .box .selection.error{
    border: 1px solid #cc0000;
}

.block .inner .add-wrapper .part .box .selection:hover,
.block .inner .add-wrapper .part .box .selection:focus-within{
    background: #F8F6F1;
}

.block .inner .add-wrapper .part .box .selection.photoupload:hover,
.block .inner .add-wrapper .part .box .selection.photoupload:focus-within{
    background: unset;
}

.block .inner .add-wrapper .part .box .selection:first-child{
    margin-top: 0;
}

.block .inner .add-wrapper .part .box .selection h3.head{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
    padding: 0;
    gap: 15px;
}

.block .inner .add-wrapper .part .box .selection h3.head .icon{
    width: 22px;
    height: 22px;
    float: left;
}

.block .inner .add-wrapper .part .box .selection h3.head .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    stroke: #C4262B;
    stroke-width: 1.5px;
}

.block .inner .add-wrapper .part .box .selection h3.head .text{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskbold;
    font-size: 20px;
    color: #1D1D1B;
    font-weight: normal;
}

.block .inner .add-wrapper .part .box .selection .items{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 10px;
    gap: 10px;
}

.block .inner .add-wrapper .part .box .selection .items .item{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 14px;
    color: #1D1D1B;
    border: 1px solid #D5D6D2;
    border-radius: 5px;
    padding: 4px 8px;
    cursor: pointer;
    background: #FFFFFF;
    outline: none;
}

.block .inner .add-wrapper .part .box .selection .items .item:hover{
    background: #F8F6F1;
}

.block .inner .add-wrapper .part .box .selection .items .item.active{
    background: #C4262B;
    border: 1px solid #C4262B;
    color: #FFFFFF;
}

.block .inner .add-wrapper .part .box .selection .input-wrapper{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    box-sizing: border-box;
    position: relative;
    margin-top: 20px;
}

.block .inner .add-wrapper .part .box .selection .input-wrapper.disabled{
    opacity: .5;
    pointer-events: none;
}

.block .inner .add-wrapper .part .box .selection .input-wrapper:first-child{
    margin-top: 0;
}

.block .inner .add-wrapper .part .box .selection .input-wrapper.half{
    width: calc(50% - 10px);
    margin-right: 20px;
}

.block .inner .add-wrapper .part .box .selection .input-wrapper.half:nth-of-type(even){
    margin-right: 0;
}

.block .inner .add-wrapper .part .box .selection .input-wrapper .input{
    width: 100%;
    height: 55px;
    float: left;
    outline: none;
    border: 1px solid #D9D5C9;
    border-radius: 8px;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    font-size: 16px;
    font-family: ibmregular;
    color: #1D1D1B;
    box-sizing: border-box;
}

.block .inner .add-wrapper .part .box .selection .input-wrapper .textarea,
.block .inner .contact-wrapper .form .box .input-wrapper .textarea{
    width: 100%;
    min-height: 125px;
    float: left;
    outline: none;
    border: 1px solid #D9D5C9;
    border-radius: 8px;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 22px;
    padding-bottom: 15px;
    font-size: 16px;
    font-family: ibmregular;
    color: #1D1D1B;
    line-height: 1.5;
    box-sizing: border-box;
    resize: none;
}

.block .inner .add-wrapper .part .box .selection .input-wrapper .label{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 15px;
    color: #A79C89;
    left: 21px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    transition: ease-out 150ms;
    -webkit-transition: ease-out 150ms;
    -moz-transition: ease-out 150ms;
    cursor: text;
    padding-right: 20px;
    line-height: 1.3;
}

.block .inner .add-wrapper .part .box .selection .input-wrapper .label.error{
    color:#cc0000;
}

.block .inner .add-wrapper .part .box .selection .input-wrapper .label.textbox,
.block .inner .contact-wrapper .form .box .input-wrapper .label.textbox{
    top: 28px;
    line-height: 1.5;
}

.block .inner .add-wrapper .part .box .selection .input-wrapper .input:focus + .label,
.block .inner .add-wrapper .part .box .selection .input-wrapper .input:not(:placeholder-shown) + .label,
.block .inner .add-wrapper .part .box .selection .input-wrapper .textarea:focus + .label,
.block .inner .add-wrapper .part .box .selection .input-wrapper .textarea:not(:placeholder-shown) + .label,
.block .inner .contact-wrapper .form .box .input-wrapper .textarea:focus + .label,
.block .inner .contact-wrapper .form .box .input-wrapper .textarea:not(:placeholder-shown) + .label{
    top: 15px;
    font-size: 13px;
    color: #A79C89;
}

/* dropdown */

.block .inner .add-wrapper .part .box .selection .dropdown-wrapper{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 20px;
    margin-right: 20px;
}

.block .inner .add-wrapper .part .box .selection .dropdown-wrapper.half{
    width: calc(50% - 10px);
}

.block .inner .add-wrapper .part .box .selection .dropdown-wrapper .dropdown{
    position: relative;
    width: 100%;
}

.block .inner .add-wrapper .part .box .selection .dropdown-wrapper .dropdown-trigger{
    width: 100%;
    height: 55px;
    box-sizing: border-box;
    border: 1px solid #D9D5C9;
    outline: none;
    background: #FFFFFF;
    border-radius: 8px;
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}

.block .inner .add-wrapper .part .box .selection .dropdown-wrapper .dropdown.open .dropdown-trigger{
    border-radius: 8px 8px 0 0;
}

.block .inner .add-wrapper .part .box .selection .dropdown-wrapper .dropdown-trigger .dropdown-label{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 15px;
    color: #1D1D1B;
}


.block .inner .add-wrapper .part .box .selection .dropdown-wrapper .dropdown-arrow{
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(180deg);
    transition: transform 400ms ease;
}

.block .inner .add-wrapper .part .box .selection .dropdown-wrapper .dropdown-arrow svg{
    width: 100%;
    height: 100%;
    stroke: #A79C89;
    stroke-width: 1.5px;
}

.block .inner .add-wrapper .part .box .selection .dropdown-wrapper .dropdown.open .dropdown-arrow{
    transform: rotate(0deg);
}

.block .inner .add-wrapper .part .box .selection .dropdown-wrapper .dropdown-list{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 240px;
    overflow-y: auto;
    background: #FFFFFF;
    border: 1px solid #D9D5C9;
    border-top: none;
    border-radius: 0 0 10px 10px;
    z-index: 50;
}

.block .inner .add-wrapper .part .box .selection .dropdown-wrapper .dropdown.open .dropdown-list{
    display: block;
}

.block .inner .add-wrapper .part .box .selection .dropdown-wrapper .dropdown-option{
    padding: 12px 20px;
    cursor: pointer;
    border-top: 1px solid #D9D5C9;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.block .inner .add-wrapper .part .box .selection .dropdown-wrapper .dropdown-option:first-child{
    border-top: none;
}

.block .inner .add-wrapper .part .box .selection .dropdown-wrapper .dropdown-option:hover{
    background: #F8F6F1;
}

/*
.block .inner .add-wrapper .part .box .selection .dropdown-wrapper .dropdown-option.active{

}
*/

.block .inner .add-wrapper .part .box .selection .dropdown-wrapper .dropdown-option .text{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 15px;
    color: #A79C89;
}

.block .inner .add-wrapper .part .box .selection .dropdown-wrapper .dropdown-option.active .text{
    font-family: ibmsemibold;
    color: #1D1D1B;
}
/* dropdown */

.block .inner .add-wrapper .part .box .selection .upload{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 10px;
    box-sizing: border-box;
}

.block .inner .add-wrapper .part .box .selection .upload .limit-reached{
    width: 100%;
    height: auto;
    float: left;
    border: 1px solid #cc0000;
    border-radius: 8px;
    box-sizing: border-box;
    background: #f9e5e5;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.block .inner .add-wrapper .part .box .selection .upload .limit-reached#photo-requirement-notice{
    margin-top: 20px;
}

.block .inner .add-wrapper .part .box .selection .upload .limit-reached .text{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 15px;
    color: #cc0000;
}

.block .inner .add-wrapper .part .box .selection .upload .dropzone{
    width: 100%;
    min-height: 200px;
    float: left;
    border: 2px dashed #D9D5C9;
    border-radius: 8px;
    margin-top: 10px;
    background: #F8F6F1;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.block .inner .add-wrapper .part .box .selection .upload .dropzone.dragover{
    background: #ECE9E1;
}

.block .inner .add-wrapper .part .box .selection .upload .dropzone .icon{
    width: 26px;
    height: 26px;
    float: left;
}

.block .inner .add-wrapper .part .box .selection .upload .dropzone .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    stroke: #A79C89;
    stroke-width: 1.5px;
    opacity: 1;
}

.block .inner .add-wrapper .part .box .selection .upload .dropzone .text{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 15px;
    color: #1D1D1B;
    opacity: .75;
    margin-top: 10px;
}

.block .inner .add-wrapper .part .box .selection .upload .dropzone .button{
    width: auto;
    height: auto;
    float: left;
    border: unset;
    color: #FFFFFF;
    background: #C4262B;
    padding: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    font-family: ibmmedium;
    font-size: 16px;
    align-self: unset;
    text-decoration: none;
    margin-top: 15px;
    outline: none;
    cursor: pointer;
}

.block .inner .add-wrapper .part .box .selection .upload .dropzone .button:hover{
    background: #961A1E;
}

.block .inner .add-wrapper .part .box .selection .upload .upload-status{
    width: 100%;
    float: left;
    margin-top: 16px;
}

.block .inner .add-wrapper .part .box .selection .upload .upload-status.hidden{
    display: none;
}

.block .inner .add-wrapper .part .box .selection .upload .upload-status-text{
    font-family: ibmregular;
    font-size: 13px;
    color: #1D1D1B;
    opacity: .7;
    margin-bottom: 6px;
}

.block .inner .add-wrapper .part .box .selection .upload .upload-progress-bar{
    width: 100%;
    height: 6px;
    background: #EDEBE5;
    border-radius: 3px;
    overflow: hidden;
}

.block .inner .add-wrapper .part .box .selection .upload .upload-progress-fill{
    height: 100%;
    width: 0%;
    background: #C4262B;
    border-radius: 3px;
    transition: width .15s;
}

.block .inner .add-wrapper .part .box .selection .upload .photos{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 20px;
}

.block .inner .add-wrapper .part .box .selection .upload .photos.hidden{
    display: none;
}

.block .inner .add-wrapper .part .box .selection .upload .photos .photo-item{
    width: calc((100% - 45px) / 4);
    height: auto;
    float: left;
    aspect-ratio: 1 / 1;
    position: relative;
    box-sizing: border-box;
    border: 3px solid #FFFFFF;
    border-radius: 8px;
}

.block .inner .add-wrapper .part .box .selection .upload .photos .photo-item.main{
    border-color: #C4262B;
}

.block .inner .add-wrapper .part .box .selection .upload .photos .photo-item,
.block .inner .add-wrapper .part .box .selection .upload .photos .photo-item *{
    user-select: none;
    -webkit-user-select: none;
}

.block .inner .add-wrapper .part .box .selection .upload .photos .photo-item .photo-inner{
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

.block .inner .add-wrapper .part .box .selection .upload .photos .photo-item.main .photo-inner{
    border-radius: 5px;
}

.block .inner .add-wrapper .part .box .selection .upload .photos .photo-item .photo-inner img{
    width: 100%;
    height: 100%;
    float: left;
    object-fit: cover;
}

.block .inner .add-wrapper .part .box .selection .upload .photos .photo-item .main-badge{
    position: absolute;
    bottom: 6px;
    left: 6px;
    background: #C4262B;
    color: #FFFFFF;
    font-family: ibmmedium;
    font-size: 13px;
    padding: 3px 8px;
    border-radius: 4px;
    display: none;
    z-index: 100;
}

.block .inner .add-wrapper .part .box .selection .upload .photos .photo-item.main .main-badge{
    display: block;
}

.block .inner .add-wrapper .part .box .selection .upload .photos .photo-item .delete-btn{
    width: 20px;
    height: 20px;
    float: left;
    background: #1D1D1B;
    border-radius: 100px;
    position: absolute;
    top: -6px;
    right: -6px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    cursor: pointer;
}

.block .inner .add-wrapper .part .box .selection .upload .photos .photo-item .delete-btn:hover{
    background: #C4262B;
}

.block .inner .add-wrapper .part .box .selection .upload .photos .photo-item .delete-btn svg{
    width: 14px;
    height: 14px;
    float: left;
    stroke: #FFFFFF;
    stroke-width: 2px;
}

.block .inner .add-wrapper .part .box .selection .upload .photo-note{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 14px;
    color: #1D1D1B;
    opacity: .75;
    margin-top: 20px;
}

.block .inner .add-wrapper .part .box .selection .checkbox-wrapper,
.block .inner .add-wrapper .part .box .checkbox-wrapper{
    display: flex;
    align-items: center;
    gap: 15px;
}

.block .inner .add-wrapper .part .box .selection .checkbox-wrapper input[type='checkbox'],
.block .inner .add-wrapper .part .box .checkbox-wrapper input[type='checkbox']{
    position: absolute;
    opacity: 0;
    width: 20px;
    height: 20px;
    margin: 0;
    cursor: pointer;
}

.block .inner .add-wrapper .part .box .selection .checkbox-wrapper label,
.block .inner .add-wrapper .part .box .checkbox-wrapper label{
    display: inline-flex;
    align-items: center;
    gap: 16px;
    cursor: pointer;
    user-select: none;
    font-size: 15px;
    line-height: 20px;
}

.block .inner .add-wrapper .part .box .selection .checkbox-wrapper label .box,
.block .inner .add-wrapper .part .box .checkbox-wrapper label .box{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border: 2px solid #D9D5C9;
    border-radius: 5px;
    background: #fff;
    flex-shrink: 0;
    outline: none;
    margin-left: 2px;
}

.block .inner .add-wrapper .part .box .selection .checkbox-wrapper label .box svg,
.block .inner .add-wrapper .part .box .checkbox-wrapper label .box svg{
    width: 18px;
    height: 18px;
    opacity: 0;
    stroke: #fff; ;
    stroke-width: 2.5px;
}

.block .inner .add-wrapper .part .box .selection .checkbox-wrapper input[type='checkbox']:checked + label .box,
.block .inner .add-wrapper .part .box .checkbox-wrapper input[type='checkbox']:checked + label .box{
    background: #C4262B;
    border: 2px solid #C4262B;
}

.block .inner .add-wrapper .part .box .selection .checkbox-wrapper input[type='checkbox']:checked + label .box svg,
.block .inner .add-wrapper .part .box .checkbox-wrapper input[type='checkbox']:checked + label .box svg{
    opacity: 1;
}

.block .inner .add-wrapper .part .box .selection .checkbox-wrapper label:hover .box,
.block .inner .add-wrapper .part .box .checkbox-wrapper label:hover .box{
    border-color: #C4262B;
}

.block .inner .add-wrapper .part .box .selection .checkbox-wrapper label .text,
.block .inner .add-wrapper .part .box .checkbox-wrapper label .text{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskbold;
    font-size: 20px;
    color: #1D1D1B;
    font-weight: normal;
}

.block .inner .add-wrapper .buttonbox,
.block .inner .contact-wrapper .buttonbox{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 30px;
}

.block .inner .add-wrapper .buttonbox .button{
    width: auto;
    height: auto;
    float: left;
    position: relative;
    background: #C4262B;
    color: #FFFFFF;
    font-family: ibmmedium;
    font-size: 16px;
    border-radius: 8px;
    border: 1px solid #C4262B;
    text-align: center;
    padding:22px;
    padding-top: 12px;
    padding-bottom: 12px;
    outline: none;
    cursor: pointer;
    font-weight: normal;
    box-sizing: border-box;
    margin: 0;
    margin-left: 0;
    margin-right: auto;
}

.block .inner .add-wrapper .buttonbox .button:hover{
    background: #961A1E;
    border: 1px solid #961A1E;
}

.block .inner .add-wrapper .button-wrapper,
.block .inner .contact-wrapper .form .button-wrapper{
    width: auto;
    max-width: 100%;
    float: left;
    height: auto;
    position: relative;
    cursor: pointer;
    align-self: flex-end;
    margin-left: auto;
    margin-right: 0;
}

.block .inner .contact-wrapper .form .button-wrapper{
    min-width: 200px;
}

.block .inner .add-wrapper .button-wrapper .submit_button,
.block .inner .contact-wrapper .form .button-wrapper .submit_button{
    width: 100%;
    height: auto;
    float: left;
    background: #C4262B;
    color: #FFFFFF;
    font-family: ibmmedium;
    font-size: 16px;
    border-radius: 8px;
    border: 1px solid #C4262B;
    text-align: center;
    padding:22px;
    padding-top: 12px;
    padding-bottom: 12px;
    outline: none;
    cursor: pointer;
    z-index: 900;
    position: relative;
    font-weight: normal;
    box-sizing: border-box;
}

.block .inner .add-wrapper .button-wrapper .submit_button:hover,
.block .inner .contact-wrapper .form .button-wrapper .submit_button:hover{
    background: #961A1E;
    border: 1px solid #961A1E;
}

.block .inner .add-wrapper .button-wrapper .submit_button.hidden,
.block .inner .contact-wrapper .form .button-wrapper .submit_button.hidden{
    opacity: 0;
    z-index: 800;
}

.block .inner .add-wrapper .button-wrapper .loading,
.block .inner .contact-wrapper .form .button-wrapper .loading{
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    float: left;
    background: #961A1E;
    border-radius: 8px;
    border: 1px solid #961A1E;
    position: absolute;
    z-index: 900;
    display: flex;
    align-items: center;
    justify-content: center;
}

.block .inner .add-wrapper .button-wrapper .loading.hidden,
.block .inner .contact-wrapper .form .button-wrapper .loading.hidden{
    display:none;
}

.block .inner .add-wrapper .button-wrapper .loading .round,
.block .inner .contact-wrapper .form .button-wrapper .loading .round{
    content: '';
    position: absolute;
    width: 17px;
    height: 17px;
    border: 3px solid #FFFFFF;
    border-top: 3px solid transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    transform-origin: center center;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.block .inner .add-wrapper .button-wrapper .message_alert,
.block .inner .contact-wrapper .form .button-wrapper .message_alert{
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    opacity: 0;
    pointer-events: none;
    float: left;
    border-radius: 5px;
    clear: both;
    text-align: center;
    background: #d4edd9;
    border: 1px solid #d4edd9;
    transition: opacity .3s ease;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
    display: flex;
    align-items: center;
    justify-content: center;
}

.block .inner .add-wrapper .button-wrapper .message_alert.show,
.block .inner .contact-wrapper .form .button-wrapper .message_alert.show{
    opacity: 1;
    pointer-events: auto;
}

.block .inner .add-wrapper .button-wrapper .message_alert .text,
.block .inner .contact-wrapper .form .button-wrapper .message_alert .text{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmmedium;
    font-size: 16px;
    color: #28a745;
}

.block .inner .add-wrapper .part .box .profile-error{
    width: auto;
    height: auto;
    float: left;
    box-sizing: border-box;
    margin-top: 20px;
    margin-bottom: -10px;
}

.block .inner .add-wrapper .part .box .profile-error .text{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 15px;
    color: #C4262B;
}

.block .inner .listing-error{
    width: 100%;
    height: auto;
    float: left;
    background: #f9e5e5;
    border: 1px solid #cc0000;
    box-sizing: border-box;
    border-radius: 15px;
    margin-top: 30px;
    padding: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.block .inner .listing-error .part{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    margin-left: 0;
    margin-right: auto;
}

.block .inner .listing-error .part h2.head{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskbold;
    font-size: 30px;
    color: #cc0000;
    margin: 0;
}

.block .inner .listing-error .part p.description{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 16px;
    color: #cc0000;
    opacity: 1;
    margin: 0;
}

.block .inner .listing-error .button{
    width: auto;
    height: auto;
    float: left;
    border: 1px solid #C4262B;
    color: #C4262B;
    padding: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    font-family: ibmmedium;
    font-size: 16px;
    align-self: unset;
    text-decoration: none;
    margin: 0;
    margin-left: auto;
    margin-right: 0;
    outline: none;
}

.block .inner .listing-error .button:hover{
    background: #cc0000;
    color: #FFFFFF;
}

.block .inner .profile-wrapper{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.block .inner .profile-wrapper .part{
    width: calc((100% - 50px) / 2);
    height: auto;
    float: left;
    background: #FFF;
    border: 1px solid #D9D5C9;
    box-sizing: border-box;
    padding: 30px;
    border-radius: 15px;
    margin: 0;
    margin-left: 50px;
    flex-direction: column;
    gap: unset;
}

.block .inner .profile-wrapper .part:first-child{
    margin-left: 0;
}

.block .inner .profile-wrapper .part .box{
    width: 100%;
    height: auto;
    float: left;
    border: none;
    display: flex;
    flex-direction: column;
    padding: 0;
}

.block .inner .profile-wrapper .part .box.listing{
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}

.block .inner .profile-wrapper .part .box h2.head{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskbold;
    font-size: 25px;
    color: #1D1D1B;
    margin: 0;
    font-weight: normal;
}

.block .inner .profile-wrapper .part .box p.description{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 16px;
    color: #1D1D1B;
    opacity: .75;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    margin-top: 5px;
}

.block .inner .profile-wrapper .part .box p.description .divider{
    width: auto;
    height: auto;
    margin-left: 5px;
    margin-right: 5px;
}

.block .inner .profile-wrapper .part .box.listing .badge{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 100px;
    background: #f3f3f3;
    border: 1px solid #888887;
    margin-left: auto;
    margin-right: 0;
}

.block .inner .profile-wrapper .part .box.listing .badge .text{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmmedium;
    font-size: 14px;
    color: #888887;
}

/*=================================================================*/
/* DRAFT */
.block .inner .profile-wrapper .part .box.listing .badge.draft{
    background: #f3f3f3;
    border: 1px solid #888887;
}

.block .inner .profile-wrapper .part .box.listing .badge.draft .text{
    color: #888887;
}

/*=================================================================*/
/* TO APPROVE */
.block .inner .profile-wrapper .part .box.listing .badge.to-approve{
    background: #e6eef8;
    border: 1px solid #2b5c93;
}

.block .inner .profile-wrapper .part .box.listing .badge.to-approve .text{
    color: #2b5c93;
}

/*=================================================================*/
/* APPROVED */
.block .inner .profile-wrapper .part .box.listing .badge.approved{
    background: #EAF5EE;
    border: 1px solid #1D8348;
}

.block .inner .profile-wrapper .part .box.listing .badge.approved .text{
    color: #1D8348;
}

/*=================================================================*/
/* RESERVED */
.block .inner .profile-wrapper .part .box.listing .badge.reserved{
    background: #FDF1E1;
    border: 1px solid #D97706;
}

.block .inner .profile-wrapper .part .box.listing .badge.reserved .text{
    color: #D97706;
}

/*=================================================================*/
/* ARCHIVED */
.block .inner .profile-wrapper .part .box.listing .badge.archived{
    background: #EEEAF5;
    border: 1px solid #5B4B8A;
}

.block .inner .profile-wrapper .part .box.listing .badge.archived .text{
    color: #5B4B8A;
}

/*=================================================================*/
/* REJECTED */
.block .inner .profile-wrapper .part .box.listing .badge.reject{
    background: #FBF0EF;
    border: 1px solid #C4262B;
}

.block .inner .profile-wrapper .part .box.listing .badge.reject .text{
    color: #C4262B;
}

.block .inner .profile-wrapper .part .box .photo{
    width: 100%;
    aspect-ratio: 16 / 8;
    float: left;
    margin-top: 20px;
    position: relative;
    box-sizing: border-box;
}

.block .inner .profile-wrapper .part .box .photo.empty{
    background: #F8F6F1;
    border: 1px solid #D9D5C9;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.block .inner .profile-wrapper .part .box .photo.empty .cont{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.block .inner .profile-wrapper .part .box .photo.empty .cont .icon{
    width: 26px;
    height: 26px;
    float: left;
}

.block .inner .profile-wrapper .part .box .photo.empty .cont .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    stroke: #A79C89;
    stroke-width: 1.5px;
}

.block .inner .profile-wrapper .part .box .photo.empty .cont .text{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 15px;
    color: #1D1D1B;
    opacity: .75;
    margin-top: 10px;
}

.block .inner .profile-wrapper .part .box .photo img{
    width: 100%;
    height: 100%;
    float: left;
    object-fit: cover;
    border-radius: 8px;
}

.block .inner .profile-wrapper .part .box .count{
    width: auto;
    height: auto;
    position: absolute;
    right: 15px;
    bottom: 15px;
    background: rgba(248, 246, 241, .75);
    padding: 14px;
    padding-top: 7px;
    padding-bottom: 7px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    gap: 5px;
}

.block .inner .profile-wrapper .part .box .count .icon{
    width: 20px;
    height: 20px;
    float: left;
}

.block .inner .profile-wrapper .part .box .count .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    stroke: #1D1D1B;
    stroke-width: 1.5px;
}

.block .inner .profile-wrapper .part .box .count .text{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 13px;
    color: #1D1D1B;
}

.block .inner .profile-wrapper .part .box h3.head{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskbold;
    font-size: 20px;
    color: #1D1D1B;
    margin: 0;
    font-weight: normal;
    margin-top: 20px;
}

.block .inner .profile-wrapper .part .box .button-wrapper{
    width: auto;
    height: auto;
    float: left;
    margin-top: 30px;
}

.block .inner .profile-wrapper .part .box .button-wrapper .button{
    width: 100%;
    height: auto;
    float: left;
    box-sizing: border-box;
    font-family: ibmmedium;
    font-size: 16px;
    border-radius: 8px;
    background: #C4262B;
    border: 1px solid #C4262B;
    color: #FFF;
    text-align: center;
    margin: 0;
    padding: 22px;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 10px;
}

.block .inner .profile-wrapper .part .box .button-wrapper .button:hover{
    background: #961A1E;
    border: 1px solid #961A1E;
}

.block .inner .profile-wrapper .part .box .button-wrapper .button.light{
    background: #F8F6F1;
    border: 1px solid #D9D5C9;
}

.block .inner .profile-wrapper .part .box .button-wrapper .button.light:hover{
    background: #ECE9E1;
}

.block .inner .profile-wrapper .part .box .button-wrapper .button .icon{
    width: 22px;
    height: 22px;
    float: left;
}

.block .inner .profile-wrapper .part .box .button-wrapper .button .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    stroke-width: 1.5px;
    stroke: #FFF;
}

.block .inner .profile-wrapper .part .box .button-wrapper .button.light .icon svg{
    stroke: #5b5749;
}

.block .inner .profile-wrapper .part .box .button-wrapper .button .text{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmmedium;
    font-size: 15px;
    color: #FFF;
}

.block .inner .profile-wrapper .part .box .button-wrapper .button.light .text{
    color: #5b5749;
}

.block .inner .profile-wrapper .part .box .noavailable{
    width: auto;
    height: auto;
    float: left;
    background: #f3f3f3;
    border: 1px solid #888887;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 10px;
    padding: 22px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 30px;
}

.block .inner .profile-wrapper .part .box .noavailable .icon{
    width: 22px;
    height: 22px;
    float: left;
}

.block .inner .profile-wrapper .part .box .noavailable .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    stroke-width: 1.5px;
    stroke: #888887;
}

.block .inner .profile-wrapper .part .box .noavailable .text{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmmedium;
    font-size: 15px;
    color: #888887;
}

.block .inner .filter{
    width: 100%;
    height: 80px;
    float: left;
    border: 1px solid #D9D5C9;
    border-radius: 15px;
    box-shadow: 0 0 50px rgba(0,0,0,0);
    box-sizing: border-box;
    margin-top: 30px;
    background: #FFF;
    display: flex;
    flex-direction: row;
    position: relative;
}

.block .inner .filter .filter-menu{
    width: 100%;
    height: 100%;
    float: left;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    justify-content: space-between;
}

.block .inner .filter .filter-menu .menu-item{
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    box-sizing: border-box;
    border-right: 1px solid #D9D5C9;
    cursor: pointer;
}

.block .inner .filter .filter-menu .menu-item:last-child{
    border-right: none;
}

.block .inner .filter .filter-menu .menu-item:first-child{
    border-radius: 15px 0 0 15px;
}

.block .inner .filter .filter-menu .menu-item:last-child{
    border-radius: 0 15px 15px 0;
}

.block .inner .filter .filter-menu .menu-item:hover{
    background: #F8F6F1;
}

.block .inner .filter .filter-menu .menu-item .icon{
    width: 24px;
    height: 24px;
    float: left;
}

.block .inner .filter .filter-menu .menu-item .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    stroke: #C4262B;
    stroke-width: 1.5px;
}

.block .inner .filter .filter-menu .menu-item .text{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 16px;
    color: #1D1D1B;
    opacity: .75;
}

.block .inner .filter .filter-menu .menu-item.active{
    background: #C4262B;
}

.block .inner .filter .filter-menu .menu-item.active .icon svg{
    stroke: #FFF;
}

.block .inner .filter .filter-menu .menu-item.active .text{
    color: #FFF;
    opacity: 1;
}


.block .inner .filter .filter-panel{
    width: calc(100% + 1px);
    height: auto;
    position: absolute;
    top: calc(80px + 10px);
    left: -1px;
    background: #FFF;
    z-index: 1000;
    border-radius: 15px;
    border: 1px solid #D9D5C9;
    box-sizing: border-box;
    padding: 30px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 50px rgba(0,0,0,.1);
}

.block .inner .filter .filter-panel.hidden {
    display: none;
}

.block .inner .filter .filter-panel h2.head{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskbold;
    font-size: 20px;
    color: #1D1D1B;
    margin: 0;
    opacity: .75;
}

.block .inner .filter .filter-panel .items{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
}

.block .inner .filter .filter-panel .items .item{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 14px;
    color: #1D1D1B;
    border: 1px solid #D5D6D2;
    border-radius: 5px;
    padding: 4px 8px;
    cursor: pointer;
    background: #FFFFFF;
    outline: none;
}

.block .inner .filter .filter-panel .items .item:hover{
    background: #F8F6F1;
}

.block .inner .filter .filter-panel .items .item.active{
    background: #C4262B;
    border: 1px solid #C4262B;
    color: #FFF;
}

.block .inner .filter .filter-panel .panel-columns{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    gap: 30px;
}

.block .inner .filter .filter-panel .panel-columns .panel-col{
    width: calc(50% - 15px);
    height: auto;
    float: left;
    display: flex;
    flex-direction: column;
    border: 1px solid #D9D5C9;
    border-radius: 8px;
    padding: 20px;
    box-sizing: border-box;
}

.block .inner .filter .filter-panel .panel-columns .panel-col h3.head{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskbold;
    font-size: 20px;
    color: #1D1D1B;
    margin: 0;
    opacity: .75;
}

.block .inner .filter .filter-panel .panel-columns .panel-col .items{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
}

.block .inner .filter .filter-panel .panel-columns .panel-col .items .item{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 14px;
    color: #1D1D1B;
    border: 1px solid #D5D6D2;
    border-radius: 5px;
    padding: 4px 8px;
    cursor: pointer;
    background: #FFFFFF;
    outline: none;
}

.block .inner .filter .filter-panel .panel-columns .panel-col .items .item:hover{
    background: #F8F6F1;
}

.block .inner .filter .filter-panel .panel-columns .panel-col .items .item.active{
    background: #C4262B;
    border: 1px solid #C4262B;
    color: #FFF;
}

.block .inner .filter .filter-panel .panel-columns .panel-col[data-field="costs"]{
    padding: 24px;
}

.block .inner .filter .filter-panel .panel-columns .panel-col .range-slider{
    position: relative;
    height: 22px;
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.block .inner .filter .filter-panel .panel-columns .panel-col .range-slider .track{
    position: absolute;
    left: 0;
    right: 0;
    height: 4px;
    background: #E4E0D5;
    border-radius: 2px;
}

.block .inner .filter .filter-panel .panel-columns .panel-col .range-slider .track-fill{
    position: absolute;
    height: 4px;
    background: #C4262B;
    border-radius: 2px;
}

.block .inner .filter .filter-panel .panel-columns .panel-col .range-slider input[type='range']{
    position: absolute;
    left: 0;
    width: 100%;
    height: 22px;
    margin: 0;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    appearance: none;
}

.block .inner .filter .filter-panel .panel-columns .panel-col .range-slider input[type='range']::-webkit-slider-runnable-track{
    height: 4px;
    background: transparent; /* track kreslíme sami přes .track / .track-fill */
}

.block .inner .filter .filter-panel .panel-columns .panel-col .range-slider input[type='range']::-moz-range-track{
    height: 4px;
    background: transparent;
}

.block .inner .filter .filter-panel .panel-columns .panel-col .range-slider input[type='range']::-webkit-slider-thumb{
    pointer-events: auto;
    -webkit-appearance: none;
    appearance: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #FFF;
    cursor: pointer;
    border: 3px solid #C4262B;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    margin-top: -9px;
}

.block .inner .filter .filter-panel .panel-columns .panel-col .range-slider input[type='range']::-moz-range-thumb{
    pointer-events: auto;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #FFF;
    cursor: pointer;
    border: 2px solid #C4262B;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

.block .inner .filter .filter-panel .panel-columns .panel-col .range-values{
    width: auto;
    height: auto;
    float: left;
    margin-top: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #2c2c2a;
    font-family: ibmregular;
    font-size: 15px;
    color: #1D1D1B;
    opacity: .75;
}

.block .inner .filter .filter-panel .button-apply{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmmedium;
    font-size: 15px;
    color: #FFFFFF;
    background: #C4262B;
    text-decoration: none;
    padding: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    border: none;
    outline: none;
    margin-top: 20px;
    cursor: pointer;
    align-self: flex-start;
}

.block .inner .filter .filter-panel .button-apply:hover{
    background: #961A1E;
}

.block .inner .filter-chips{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
}

.block .inner .filter-chips .chips{
    width: auto;
    height: auto;
    float: left;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.block .inner .filter-chips .chip{
    width: auto;
    height: auto;
    float: left;
    background: #ECE9E1;
    border-radius: 100px;
    padding: 14px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    border: 1px solid #D5D6D2;
}

.block .inner .filter-chips .chip .text{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmmedium;
    font-size: 14px;
    color: #5b5749;
}

.block .inner .filter-chips .chip .icon{
    width: 18px;
    height: 18px;
    float: left;
    border-radius: 100px;
    background: #F8F6F1;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.block .inner .filter-chips .chip .icon:hover{
    background: #C4262B;
}

.block .inner .filter-chips .chip .icon svg{
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    float: left;
    stroke: #5b5749;
    stroke-width: 1.5px;
}

.block .inner .filter-chips .chip .icon:hover svg{
    stroke: #FFF;
}

.block .inner .filter-chips .chip-reset-all{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmmedium;
    font-size: 15px;
    color: #FFFFFF;
    background: #C4262B;
    text-decoration: none;
    padding: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    border: none;
    outline: none;
    cursor: pointer;
}

/* ================================================= */
/* ADMIN */
/* ================================================= */
.block .inner .admin-wrapper{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    gap: 100px;
    align-items: flex-start;
}

.block .inner .admin-wrapper .menu{
    width: calc(35% - 100px);
    height: auto;
    float: left;
    background: #FFF;
    box-sizing: border-box;
    border: 1px solid #D9D5C9;
    border-radius: 15px;
}

.block .inner .admin-wrapper .menu .items{
    width: 100%;
    height: auto;
    float: left;
}

.block .inner .admin-wrapper .menu .items .item{
    width: 100%;
    height: auto;
    float: left;
    border-bottom: 1px solid #D5D6D2;
    padding: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 10px;
}

.block .inner .admin-wrapper .menu .items .item:last-child{
    border-bottom: none;
}

.block .inner .admin-wrapper .menu .items .item:hover{
    background: #ECE9E1;
}

.block .inner .admin-wrapper .menu .items .item:hover:first-child{
    border-radius: 14px 14px 0 0;
}

.block .inner .admin-wrapper .menu .items .item:hover:last-child{
    border-radius: 0 0 14px 14px;
}

.block .inner .admin-wrapper .menu .items .item.active{
    background: #F8F6F1;
}

.block .inner .admin-wrapper .menu .items .item.active:last-child{
    border-radius: 0 0 14px 14px;
}

.block .inner .admin-wrapper .menu .items .item .icon{
    width: 22px;
    height: 22px;
    float: left;
}

.block .inner .admin-wrapper .menu .items .item .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    stroke: #1D1D1B;
    stroke-width: 1.5px;
}

.block .inner .admin-wrapper .menu .items .item .icon.to-approve svg{
    stroke: #1D1D1B;
    opacity: .5;
}

.block .inner .admin-wrapper .menu .items .item .icon.approved svg{
    stroke: #1D8348;
}

.block .inner .admin-wrapper .menu .items .item .icon.reserved svg{
    stroke: #D97706;
}

.block .inner .admin-wrapper .menu .items .item .icon.archived svg{
    stroke: #5B4B8A;
}

.block .inner .admin-wrapper .menu .items .item .icon.rejected svg{
    stroke: #C4262B;
}

.block .inner .admin-wrapper .menu .items .item .text{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmmedium;
    font-size: 17px;
    color: #1D1D1B;
}

.block .inner .admin-wrapper .content{
    width: 65%;
    height: auto;
    float: left;
    box-sizing: border-box;
}

.block .inner .admin-wrapper .content h1.head{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskbold;
    font-size: 40px;
    color: #1D1D1B;
    margin: 0;
    margin-top: 50px;
}

.block .inner .admin-wrapper .content h1.head:first-of-type{
    margin-top: 0;
}

.block .inner .admin-wrapper .content .listings{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
}

.block .inner .admin-wrapper .content .listings .listing-wrapper{
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #D9D5C9;
    background: #FFF;
    border-radius: 15px;
    padding: 20px;
    position: relative;
    gap: 20px;
    box-shadow: 0 0 50px rgba(0,0,0,0);
}

.block .inner .admin-wrapper .content .listings .listing-wrapper.to-approve{
    opacity: .75;
}

.block .inner .admin-wrapper .content .listings .listing-wrapper:hover{
    box-shadow: 0 0 50px rgba(0,0,0,.1);
}

.block .inner .admin-wrapper .content .listings .listing-wrapper .badge{
    width: auto;
    height: auto;
    position: absolute;
    top: 20px;
    right: 0;
    background: #D97706;
    padding: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 5px 0 0 5px;
}

.block .inner .admin-wrapper .content .listings .listing-wrapper .badge .icon{
    width: 20px;
    height: 20px;
    float: left;
}

.block .inner .admin-wrapper .content .listings .listing-wrapper .badge .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    stroke: #FFF;
    stroke-width: 1.5px;
}

.block .inner .admin-wrapper .content .listings .listing-wrapper .badge .text{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmmedium;
    font-size: 13px;
    color: #FFF;
}

.block .inner .admin-wrapper .content .listings .listing-wrapper .image{
    width: 110px;
    height: 110px;
    float: left;
    flex-grow: 0;
    flex-shrink: 0;
}

.block .inner .admin-wrapper .content .listings .listing-wrapper .image.empty{
    background: repeating-linear-gradient(135deg, #ddd9cd, #ddd9cd 8px, #ECE9E1 8px, #ECE9E1 16px);
    border-radius: 8px;
}

.block .inner .admin-wrapper .content .listings .listing-wrapper .image img{
    width: 100%;
    height: 100%;
    float: left;
    object-fit: cover;
    border-radius: 8px;
}

.block .inner .admin-wrapper .content .listings .listing-wrapper .info{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: column;
}

.block .inner .admin-wrapper .content .listings .listing-wrapper .info .tagline{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}

.block .inner .admin-wrapper .content .listings .listing-wrapper .info .tagline .icon{
    width: 16px;
    height: 16px;
    float: left;
}

.block .inner .admin-wrapper .content .listings .listing-wrapper .info .tagline .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    stroke: #C4262B;
    stroke-width: 1.5px;
    opacity: .5;
}

.block .inner .admin-wrapper .content .listings .listing-wrapper .info .tagline .text{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskmedium;
    font-size: 13px;
    color: #C4262B;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: .5;
}

.block .inner .admin-wrapper .content .listings .listing-wrapper .info .name{
    width: auto;
    height: auto;
    float: left;
    font-family: spacegroteskbold;
    font-size: 18px;
    color: #1D1D1B;
    margin-top: 5px;
}

.block .inner .admin-wrapper .content .listings .listing-wrapper .info .items{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 10px;
    gap: 10px;
}

.block .inner .admin-wrapper .content .listings .listing-wrapper .info .items .item{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 3px;
    padding-left: 6px;
    padding-right: 6px;
    gap: 5px;
    border: 1px solid #D9D5C9;
    border-radius: 5px;
}

.block .inner .admin-wrapper .content .listings .listing-wrapper .info .items .item .icon{
    width: 18px;
    height: 18px;
    float: left;
}

.block .inner .admin-wrapper .content .listings .listing-wrapper .info .items .item .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    stroke: #A79C89;
    stroke-width: 1.5px;
}

.block .inner .admin-wrapper .content .listings .listing-wrapper .info .items .item .text{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 13px;
    color: #A79C89;
}

.block .inner .admin-wrapper .content .listings .listing-wrapper .info .timebox{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 11px;
    color: #1D1D1B;
    opacity: .5;
    margin-top: 10px;
}

.block .inner .admin-wrapper .content .listings .listing-wrapper .info .buttonbox{
    width: auto;
    height: auto;
    float: left;
    border-top: 1px solid #D9D5C9;
    margin-top: 10px;
    padding-top: 10px;
    display: none;
}

.block .inner .admin-wrapper .content .listings .listing-wrapper .info .buttonbox .button{
    width: auto;
    height: auto;
    float: left;
    border: none;
    background: #C4262B;
    color: #FFFFFF;
    align-self: unset;
    margin-top: 0;
    padding: 12px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 5px;
    font-family: ibmmedium;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    box-sizing: border-box;
}

.block .inner .admin-wrapper .content .listings .listing-wrapper .info .buttonbox .button:hover{
    background: #961A1E;
}





footer{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #D5D6D2;
}

footer .inner{
    width: calc(1200px - 100px);
    height: inherit;
    float: left;
    display: flex;
    flex-direction: row;
    align-items: center;
}

footer .inner .copy{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    flex-direction: column;
}

footer .inner .copy .head{
    width: auto;
    height: 20px;
    float: left;
}

footer .inner .copy .head svg{
    width: auto;
    height: 100%;
    float: left;
}

footer .inner .copy .head svg .dot{
    fill: #C4262B;
}

footer .inner .copy .line{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    flex-direction: column;
    margin-top: 5px;
}

footer .inner .copy .line .text{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 14px;
    color: #1D1D1B;
    opacity: .75;
}

footer .inner .copy .line .text:nth-child(2){
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 10px;
}

footer .inner .copy .line .text .by{
    width: auto;
    height: auto;
    float: left;
}

footer .inner .copy .line .text a.logo{
    width: auto;
    height: 10px;
    float: left;
}

footer .inner .copy .line .text a.logo svg{
    width: auto;
    height: 100%;
    float: left;
    fill: #1D1D1B;
}

footer .inner .copy .line .text a.logo:hover svg{
    opacity: 1;
}

footer .inner .terms{
    width: auto;
    height: auto;
    float: left;
    margin-left: auto;
    margin-right: 0;
    display: flex;
    flex-direction: row;
    gap: 10px;
}

footer .inner .terms .item,
footer .inner .terms .divider{
    width: auto;
    height: auto;
    float: left;
    font-family: ibmregular;
    font-size: 15px;
    color: #1D1D1B;
    opacity: .75;
    text-decoration: none;
}

footer .inner .terms .item:hover{
    opacity: 1;
}