/**
Theme Name: ALCAPONE
Text Domain: alcapone
Version: 0.1
Requires at least: 4.7
Requires PHP: 7.4.0
Theme URI: https://www.abson.cz
Author: Abson Reavs
Author URI: https://www.abson.czy
*/

:root{
    --radius: 25px;
    --white-transparent-bg: rgba(255,255,255,0.35);
    --white-border: rgba(255,255,255,0.5);
}

*:focus{outline: none;}

body{
    background: radial-gradient(circle, rgba(176, 189, 219, 1) 0%, rgba(220, 220, 220, 1) 71%);
}

.login-card{
    position: relative;
    margin: 100px auto 0 auto;
    width: 450px;
    height: auto;
    padding: 45px;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
    border-radius: var(--radius);
}
.login-card form{
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
}
.login-card form .ar-area{
    position: relative;
    margin: 0 0 15px 0;
    padding: 0;
}
.login-card form .ar-area label{
    position: relative;
    display: block;
    font-size: 14px;
    margin: 0 0 5px 0;
}
.login-card form .ar-area .ar-text{
    position: relative;
    width: 100%;
    padding: 15px 30px;
    border-radius: var(--radius);
    box-sizing: border-box;
    border: none;
    background: #fff;
    font-size: 16px;
    box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
}
.login-card form .actions{
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
}
.login-card form .actions label.ar-remember{
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
.login-card form .actions .ar-btn{
    position: relative;
    display: block;
    margin-top: 15px;
    width: 100%;
    padding: 15px 0;
    font-size: 16px;
    color: #000;
    border-radius: var(--radius);
    background: #000;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    transition: 350ms;
}
.login-card form .actions .ar-btn:hover{
    background: #fff;
    color: #000;
}
.login-card .lost-pass{
    position: relative;
    margin: 10px 0 0 0;
    padding: 0;
    text-decoration: none;
    color: #000;
    display: block;
    text-align: center;
    font-size: 14px;
}
.login-card .lost-pass:hover{
    text-decoration: underline;
}


header{
    position: relative;
    margin: 0;
    padding: 25px 0 50px 0;
    box-sizing: border-box;
}
.header-flex{
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.header-flex .header-item{
    position: relative;
    margin: 0 auto 0 0;
}

.header-flex .header-item .logo{
    position: relative;
    display: block;
    transition: 350ms;
}
.header-flex .header-item .logo img{
    position: relative;
    display: block;
    width: auto;
    height: 36px;
}

.header-flex .header-item.last{margin: 0;}
.head-menu{
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.head-menu li{
    position: relative;
    margin: 0 5px 0 0;
}
.head-menu li:nth-last-child(1){margin: 0;}
.head-menu li.user-info{
    margin: 0 25px 0 0;
}

.head-menu li a{
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    background: var(--white-transparent-bg);
    border-radius: 100%;
    transition: 350ms;
    text-decoration: none;
    color: #000;
}
.head-menu li a i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.head-menu li a:hover{background: #fff;}
.header-item.show-in-respo{display: none;}
.ar-cur-user{
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.ar-cur-user .ar-cur-item{
    position: relative;
    margin: 0;
}
.ar-cur-user .ar-cur-item.icon{
    width: 50px;
    margin: 0 5px 0 0;
}
.ar-cur-user .ar-cur-item.icon i{
    position: relative;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 100%;
    display: block;
    background: #fff;
}
.ar-cur-user .ar-cur-item span{
    position: relative;
    display: block;
    font-size: 10px;
    line-height: 1.3em;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.ar-cur-user .ar-cur-item span.bold{font-size: 14px;}

.page-flex{
    position: relative;
    margin: 0 -10px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.page-flex .page-item{
    position: relative;
    margin: 0 10px;
    flex-grow: 1;
    flex-basis: 0;
}
.page-flex .page-item.for-menu{
    flex-grow: 0;
    flex-basis: auto;
    width: 60px;
}
.page-flex .page-item.for-menu .main-menu{
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}
.page-flex .page-item.for-menu .main-menu li{
    position: relative;
    margin: 0 0 7px 0;
}
.page-flex .page-item.for-menu .main-menu li a{
    position: relative;
    display: block;
    padding-bottom: 100%;
    width: 100%;
    border-radius: 100%;
    background: var(--white-transparent-bg);
    border-top: 1px solid var(--white-border);
    color: #000;
    transition: 350ms;
}
.page-flex .page-item.for-menu .main-menu li a i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.page-flex .page-item.for-menu .main-menu li a i:before{font-size: 20px;}
.page-flex .page-item.for-menu .main-menu li a span{display: none;}
.page-flex .page-item.for-menu .main-menu li a:hover{background: #fff;}
.page-flex .page-item.for-menu .main-menu li.current-menu-item a{background: #fff;}

.page-content{
    position: relative;
    border-radius: 20px;
    padding: 40px;
    box-sizing: border-box;
    background: var(--white-transparent-bg);
    border-top: 1px solid rgba(255,255,255,0.25);
}

.page-header-flex{
    position: relative;
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.page-header-item{
    position: relative;
    margin: 0 10px 20px 10px;
}
.page-header-item.last{margin-left: auto;}
.page-header-item h1{
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    font-size: 34px;
    line-height: 1.3em;
    text-transform: uppercase;
}
.action-menu{
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.action-menu li{
    position: relative;
    margin: 0 5px 0 0;
    padding: 0;
}
.action-menu li:nth-last-child(1){margin: 0}
.action-menu li a,
.action-menu li button{
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: var(--white-transparent-bg);
    display: block;
    border: none;
    text-decoration: none;
    color: #000;
    transition: 350ms;
    border-top: 1px solid var(--white-border);
    cursor: pointer;
}
.action-menu li a i,
.action-menu li button i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 17px;
}
.action-menu li a:hover,
.action-menu li button:hover{background: #fff;}

.action-menu li.is-active a,
.action-menu li.is-active button{
    background: rgb(87, 87, 212);
    color: #fff;
}
.show_posts{
    position: relative;
    margin: 0;
    padding: 10px 10px 0 10px;
    box-sizing: border-box;
    border-radius: 30px;
    background: var(--white-transparent-bg);
}
.post-flex{
    position: relative;
    margin: 0;
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-top: 1px solid rgba(0,0,0,0.05);
}
.post-flex:nth-child(1){
    border: none;
    padding: 0 0 10px 0;
}
.post-flex .post-item{
    position: relative;
    margin: 0 7px 0 0;
    text-decoration: none;
    color: #000;
}


.post-flex .post-item-holder{
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-grow: 0;
    flex-basis: auto;
    text-decoration: none;
}
.post-flex .post-item-holder.is-width-150{width: 150px;}
.post-flex .post-item-holder.is-width-160{width: 160px;}
.post-flex .post-item-holder.is-width-170{width: 170px;}
.post-flex .post-item-holder.is-width-180{width: 180px;}
.post-flex .post-item-holder.is-width-190{width: 190px;}
.post-flex .post-item-holder.is-width-200{width: 200px;}
.post-flex .post-item-holder.is-width-210{width: 210px;}
.post-flex .post-item-holder.is-width-220{width: 220px;}
.post-flex .post-item-holder.is-width-230{width: 230px;}
.post-flex .post-item-holder.is-width-240{width: 240px;}
.post-flex .post-item-holder.is-width-250{width: 250px;}
.post-flex .post-item-holder.is-width-260{width: 260px;}
.post-flex .post-item-holder.is-width-270{width: 270px;}
.post-flex .post-item-holder.is-width-280{width: 280px;}
.post-flex .post-item-holder.is-width-290{width: 290px;}
.post-flex .post-item-holder.is-width-300{width: 300px;}
.post-flex .post-item-holder.is-width-310{width: 310px;}
.post-flex .post-item-holder.is-width-320{width: 320px;}
.post-flex .post-item-holder.is-width-330{width: 330px;}
.post-flex .post-item-holder.is-width-340{width: 340px;}
.post-flex .post-item-holder.is-width-350{width: 350px;}

.post-flex .post-item.to-right,
.post-flex .post-item-holder.to-right{margin: 0 auto 0 0;}
.post-flex .post-item:nth-last-child(1){margin: 0;}

.post-flex i{
    position: relative;
    width: 46px;
    height: 46px;
    border-radius: 46px;
    display: block;
    background: rgb(87, 87, 212);
    color: #fff;
    transition: 350ms;
}
.post-flex i:before{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.post-flex i.done-icon{background: rgb(45, 177, 5);}
.post-flex i.purple-icon{background: rgb(163, 5, 177);}
.post-flex i.blue-icon{background: rgb(7, 170, 219);}
.post-flex i.orange-icon{background: rgb(224, 96, 10);}
.post-flex i.del{background: rgb(223, 79, 79); cursor: pointer;}
.post-flex i.del:hover{background: rgb(245, 19, 19);}
.post-flex i.icon:hover{background: #000;}
.post-flex i.gray-icon{color: #000; background: #dadada;}
.post-flex i.gray-icon:hover{background: #000; color: #fff;}
.post-flex span.ar-small{
    position: relative;
    margin: 0 0 3px 0;
    padding: 0;
    display: block;
    font-size: 9px;
    line-height: 1em;
    letter-spacing: 1px;
    opacity: 0.75;
    text-transform: uppercase;
}
.post-flex .post-item span.ar-big{
    position: relative;
    display: block;
    font-size: 15px;
    line-height: 1em;
}
.post-flex .post-item span.ar-big.status{font-size: 12px; text-transform: uppercase;}
.post-flex .post-item span.ar-big.status.is-done{color: rgb(45, 177, 5);}
.post-flex .post-item span.ar-big.status.is-purple{color: rgb(163, 5, 177);}

.ar-modal-section{
    position: relative;
    width: 700px;
    background: rgb(235, 235, 235);
    box-sizing: border-box;
    padding: 40px;
    border-radius: 20px;
}
.ar-modal-section h2{
    position: relative;
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 28px;
    color: rgb(77, 77, 77);
}
.ar-form{
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.ar-form .form-holder{
    position: relative;
    margin: 0 -10px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.ar-form .form-holder .form-item{
    position: relative;
    margin: 0 10px 20px 10px;
    width: calc(100% * (1/1) - 0px - 0px - 20px);
}
.ar-form .form-holder .form-item.half{width: calc(100% * (1/2) - 0px - 0px - 20px);}
.ar-form .form-holder .form-item span.form-text{
    position: relative;
    margin: 0 0 4px 0;
    padding: 0;
    display: block;
    font-size: 12px;
    line-height: 1em;
    letter-spacing: 1px;
    color: rgb(102, 102, 102);
    text-transform: uppercase;
}
.ar-form .form-holder .form-item input,
.ar-form .form-holder .form-item textarea,
.ar-form .form-holder .form-item select{
    position: relative;
    width: 100%;
    font-size: 16px;
    padding: 15px 25px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.15);
}
.ar-form .form-holder .form-item textarea{height: 120px;}
.ar-form .form-holder .form-item input.btn{
    position: relative;
    background: rgb(223, 79, 79);
    color: #fff;
    cursor: pointer;
    letter-spacing: 1px;
    transition: 350ms;
}
.ar-form .form-holder .form-item input.btn:hover{background: red;}

.ar-uppercase{text-transform: uppercase;}

.ar-small-title{
    position: relative;
    margin: 0 0 15px 0;
    font-size: 16px;
    opacity: 0.7;
}



/* SINGLE FLEX SYSTEM */
.single-flex{
    position: relative;
    margin: 0 -5px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.single-item{
    position: relative;
    margin: 0 5px 10px 5px;
}
.has-1-columns .single-item{width: calc(100% * (1/1) - 0px - 0px - 10px);}
.has-2-columns .single-item{width: calc(100% * (1/2) - 0px - 0px - 10px);}
.has-3-columns .single-item{width: calc(100% * (1/3) - 0px - 0px - 10px);}
.has-4-columns .single-item{width: calc(100% * (1/4) - 0px - 0px - 10px);}
.has-5-columns .single-item{width: calc(100% * (1/5) - 0px - 0px - 10px);}
.has-6-columns .single-item{width: calc(100% * (1/6) - 0px - 0px - 10px);}
.has-7-columns .single-item{width: calc(100% * (1/7) - 0px - 0px - 10px);}
.has-8-columns .single-item{width: calc(100% * (1/8) - 0px - 0px - 10px);}
.has-9-columns .single-item{width: calc(100% * (1/9) - 0px - 0px - 10px);}

.single-item.ar-size-10{width: calc(10% - 10px);}
.single-item.ar-size-15{width: calc(15% - 10px);}
.single-item.ar-size-20{width: calc(20% - 10px);}
.single-item.ar-size-25{width: calc(25% - 10px);}
.single-item.ar-size-30{width: calc(30% - 10px);}
.single-item.ar-size-35{width: calc(35% - 10px);}
.single-item.ar-size-40{width: calc(40% - 10px);}
.single-item.ar-size-45{width: calc(45% - 10px);}
.single-item.ar-size-50{width: calc(50% - 10px);}
.single-item.ar-size-55{width: calc(55% - 10px);}
.single-item.ar-size-60{width: calc(60% - 10px);}
.single-item.ar-size-65{width: calc(65% - 10px);}
.single-item.ar-size-70{width: calc(70% - 10px);}
.single-item.ar-size-75{width: calc(75% - 10px);}
.single-item.ar-size-80{width: calc(80% - 10px);}
.single-item.ar-size-85{width: calc(85% - 10px);}
.single-item.ar-size-90{width: calc(90% - 10px);}
.single-item.ar-size-95{width: calc(95% - 10px);}
.single-item.ar-size-100{width: calc(100% - 10px);}

.add-background .single-item{
    padding: 40px;
    box-sizing: border-box;
    border-radius: 20px;
    background: var(--white-transparent-bg);
    border-top: 1px solid rgba(255, 255, 255, 0.25);
}


.ar-box-flex{
    position: relative;
    margin: 0 -15px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;   
}
.ar-box-flex .ar-box-item{
    position: relative;
    margin: 0 15px 30px 15px;
}
.ar-box-flex .ar-box-item.is-first{margin-right: auto;}
.ar-box-flex .ar-box-item .box-item-holder{
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.ar-box-flex .ar-box-item .box-item-holder .box-col{
    position: relative;
    flex-grow: 1;
    flex-basis: 0;
}
.ar-box-flex .ar-box-item .box-item-holder .box-col.icon{
    flex-grow: 0;
    flex-basis: auto;
    width: 50px;
    margin: 0 10px 0 0;
}
.ar-box-flex .ar-box-item .box-item-holder .box-col.icon i{
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-radius: 100%;
    text-align: center;
    font-size: 20px;
    border: 1px solid rgba(0,0,0,0.2);
}
.ar-box-flex .ar-box-item .box-item-holder .box-col.icon i.white-icon{background: #fff;}
.ar-box-flex .ar-box-item .box-item-holder .box-col.icon i.purple-icon{background: rgb(163, 5, 177); color: #fff;}
.ar-box-flex .ar-box-item .box-item-holder .box-col.icon i.done-icon{background: rgb(45, 177, 5); color: #fff;}
.ar-box-flex .ar-box-item .box-item-holder .box-col span{
    position: relative;
    display: block;
    line-height: 1.3em;
}
.ar-box-flex .ar-box-item .box-item-holder .box-col span.small-text{
    text-transform: uppercase;
    font-size: 10px;
    opacity: 0.5;
    letter-spacing: 1px;
}
.ar-box-flex .ar-box-item .box-item-holder .box-col span.big-text{
    color: rgb(9, 27, 36);
    font-size: 14px;
}


.ar-list{
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}
.ar-list li{
    position: relative;
    margin: 0;
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.ar-list li:nth-child(1){padding-top: 0;}
.ar-list li:nth-last-child(1){border: none; padding-bottom: 0;}
.ar-list li i{
    position: relative;
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    margin-right: 10px;
    text-align: center;
    border: 1px solid rgba(0,0,0,0.25);
    border-radius: 36px;
    color: rgba(0,0,0,0.45);
}
.ar-list li span{
    position: relative;
    display: block;
    line-height: 1em;
}




.ar-content{
    position: relative;
    width: 100%;
    border-radius: 20px;
    padding: 40px;
    box-sizing: border-box;
    background: var(--white-transparent-bg);
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    margin: 0 0 10px 0;
}
.ar-content .single-content{
    position: relative;
    padding: 30px 0 0 0;
    border-top: 1px dashed rgba(0,0,0,0.15);
    font-size: 18px;
    line-height: 1.7em;
    color: rgba(0,0,0,0.7);
}
.ar-content .single-content p{
    position: relative;
    margin: 0 0 10px 0;
}
.ar-content-header{
    position: relative;
    margin: 0 -15px;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.ar-content-header .ar-content-header-item{
    position: relative;
    margin: 0 15px 30px 15px;
    padding: 0;
}
.ar-content-header .ar-content-header-item:nth-child(1){margin-right: auto;}
.ar-content-title{
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 20px;
    opacity: 0.75;
}
.ar-content-header .ar-content-header-item .side-btn{
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
.ar-content-header .ar-content-header-item .side-btn i{
    position: relative;
    display: block;
    font-size: 22px;
}
.estate-map{
    position: relative;
    margin: 0 0 25px 0;
    width: 100%;
    padding-bottom: 65%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}
.estate-map.no-margin{margin: 0;}
.estate-map iframe{
    position: absolute;
    width: 100%;
    height: 100%;
}

.ar-filterable{
    position: relative;
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    font-size: 11px;
    text-transform: uppercase;
}
.ar-filterable li{
    position: relative;
    margin: 0;
    padding: 7px 0;
    background: var(--white-transparent-bg);
}
.ar-filterable li:nth-child(1){
    padding-left: 7px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}

.ar-filterable li:nth-last-child(1){
    padding-right: 7px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.ar-filterable li a{
    position: relative;
    display: block;
    padding: 12px 17px;
    box-sizing: border-box;
    text-decoration: none;
    line-height: 1em;
    color: rgba(0,0,0,0.45);
    border-radius: 16px;
    transition: 350ms;
}
.ar-filterable li a:hover{background: rgb(255, 255, 255);}
.ar-filterable li.is-active a{
    background: rgb(7, 170, 219);
    color: #fff;
}

.ar-list-links{
    position: relative;
    margin: 20px -4px 15px -4px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.ar-list-links li{
    position: relative;
    margin: 0 4px 8px 4px;
}
.ar-list-links li a{
    position: relative;
    display: block;
    padding: 8px 12px 6px 12px;
    box-sizing: border-box;
    border: 2px solid rgb(7, 170, 219);
    color: rgb(7, 170, 219);
    text-decoration: none;
    border-radius: 25px;
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 1em;
    transition: 350ms;
}
.ar-list-links li a:hover{
    background: rgb(7, 170, 219);
    color: #fff;
}

.ar-content iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ar-content .more-infos{
    position: relative;
    margin: 0 -10px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.ar-content .more-infos li{
    position: relative;
    margin: 0 10px 20px 10px;
}
.ar-content .more-infos li.pin{margin-right: 0;}
.ar-content .more-infos li:nth-last-child(1){margin-left: auto;}
.ar-content .more-infos li a{
    position: relative;
    margin: 0;
    padding: 15px 25px;
    box-sizing: border-box;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    background:rgb(7, 170, 219);
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    transition: 350ms;
}
.ar-content .more-infos li a:hover{background: #000;}
.ar-content .more-infos li span{
    position: relative;
    display: block;
    font-size: 13px;
    line-height: 1.3em;
    letter-spacing: 1px;
}
.ar-content .more-infos li i{
    position: relative;
    display: block;
    font-size: 30px;
}
.ar-content .simple-title{
    position: relative;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 18px;
    line-height: 1em;
    text-transform: uppercase;
}
.ar-content .mini-form{
    position: relative;
    margin: 0 -5px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.ar-content .mini-form label{
    margin: 0 5px 10px 5px;
    padding: 0;
    width: calc(100% * (1/1) - 0px - 0px - 10px);
}
.ar-content .mini-form label select{
    position: relative;
    margin: 0;
    font-size: 16px;
    padding: 15px 25px;
    border-radius: 6px;
    box-sizing: border-box;
    background: #fff;
    width: 100%;
    border: none;
}
.ar-content .mini-form label .ar-btn{
    position: relative;
    width: 100%;
    padding: 15px 0;
    box-sizing: border-box;
    border: 0;
    border-radius: 6px;
    text-transform: uppercase;
    color: #fff;
    line-height: 1em;
    background: rgb(7, 170, 219);
    cursor: pointer;
    transition: 350ms;
}
.ar-content .mini-form label .ar-btn:hover{background: #000;}
.ar-content .ar-show-persones{
    position: relative;
    margin: 0 -10px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.ar-content .ar-show-persones .ar-persone{
    position: relative;
    margin: 0 10px 10px 10px;
    flex-grow: 1;
    flex-basis: 0;
}
.ar-content .ar-show-persones .ar-persone.ar-image{
    flex-grow: 0;
    flex-basis: auto;
    width: 80px;
}
.ar-content .ar-show-persones .ar-persone.ar-image .persone-image-holder{
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    border-radius: 100%;
    overflow: hidden;
    background: rgb(224, 96, 10);
}
.ar-content .ar-show-persones .ar-persone.ar-image .persone-image-holder i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 26px;
}
.ar-content .ar-show-persones .ar-persone ul.name-persone{
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 16px;
}
.ar-content .ar-show-persones .ar-persone ul.name-persone li{
    position: relative;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(0,0,0,0.15);
}
.ar-content .ar-show-persones .ar-persone ul.name-persone li:nth-last-child(1){border: none}

.ar-content .ar-show-persones .ar-persone ul.name-persone li .link-flex{
    position: relative;
    display: flex;
    align-items: center;
    padding: 4px 0;
    box-sizing: border-box;
    text-decoration: none;
}
.ar-content .ar-show-persones .ar-persone ul.name-persone li .link-flex i{
    position: relative;
    font-size: 18px;
    margin-right: 8px;
    display: block;
}
.ar-content .ar-show-persones .ar-persone ul.name-persone li a.link-flex{color: rgb(224, 96, 10); font-size: 14px;}
.ar-content .ar-show-persones .ar-persone ul.name-persone li a.link-flex i{color: #000;}


.very-small-text{
    position: relative;
    font-size: 13px;
    line-height: 1.7em;
    color: rgba(0,0,0,0.65);
    margin: 0;
    padding: 0;
}

.investor-admin-select{
    position: relative;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 15px;
    border: 1px dashed rgba(0,0,0,0.15);
}
.investor-admin-select form{
    position: relative;
    display: block;
}
.investor-admin-select form label{
    position: relative;
    display: block;
    margin: 0 0 7px 0;
}
.investor-admin-select form label select{
    position: relative;
    width: 100%;
    display: block;
    padding: 15px 25px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,0.25);
}
.investor-admin-select form button.ar-btn{
    position: relative;
    font-size: 14px;
    color: #fff;
    background:rgb(7, 170, 219);
    border-radius: 8px;
    padding: 15px 0;
    text-transform: uppercase;
    border: none;
    width: 100%;
    cursor: pointer;
    transition: 350ms;
}
.investor-admin-select form button.ar-btn:hover{background: #000;}

.investor-info{
    position: relative;
    margin: 0 0 25px 0;
    padding: 0;
    list-style: none;
}
.investor-info li{
    position: relative;
    margin: 0;
    padding: 7px 0;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.investor-info li:nth-child(1){padding-top: 0;}
.investor-info li:nth-last-child(1){
    padding-bottom: 0;
    border: none;
}
.investor-info li .investor-flex{
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    text-decoration: none;
    color: #000;
}
.investor-info li .investor-flex i{
    position: relative;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 100%;
    margin: 0 9px 0 0;
}
.investor-info li .investor-flex .investor-item{position: relative;}
.investor-info li .investor-flex .investor-item span{
    position: relative;
    display: block;
}
.investor-info li .investor-flex .investor-item span.investor-item-title{
    font-size: 9px;
    letter-spacing: 1px;
    opacity: 0.75;
    line-height: 1em;
}
.investor-info li .investor-flex .investor-item span.investor-item-name{
    font-size: 13px;
    margin-top: 3px;
}
.investor-info p{
    position: relative;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    border: 1px dashed rgba(0,0,0,0.15);
    border-radius: 15px;
    font-size: 14px;
}

.empty-zone{
    position: relative;
    display: block;
    padding: 30px;
    box-sizing: border-box;
    border-radius: 20px;
    border: 1px dashed rgba(0,0,0,0.25);
    text-align: center;
}
.empty-zone h2{
    position: relative;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 16px;
    opacity: 0.7;
}
.empty-zone p{
    position: relative;
    font-size: 14px;
    line-height: 1.7em;
    margin: 0;
    padding: 0;
    opacity: 0.7;
}
.ar-form-message{
    position: relative;
    margin: 20px -5px 0 -5px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.ar-form-message label{
    position: relative;
    margin: 0 5px 10px 5px;
    width: calc(100% * (1/1) - 0px - 0px - 10px);
}
.ar-form-message label.half{width: calc(100% * (1/2) - 0px - 0px - 10px);}

.ar-form-message label textarea{
    position: relative;
    width: 100%;
    border-radius: 20px;
    border: 1px solid rgba(0,0,0,0.15);
    background: #fff;
    padding: 30px;
    box-sizing: border-box;
    height: 150px;
}
.ar-form-message label .send_chat_msg,
.ar-form-message label .ar-upload{
    position: relative;
    display: block;
    border: none;
    padding: 15px 0;
    box-sizing: border-box;
    border-radius: 20px;
    background:rgb(7, 170, 219);
    color: #fff;
    width: 100%;
    font-size: 16px;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    transition: 350ms;
}
.ar-form-message label .ar-upload{background: rgb(163, 5, 177);}
.ar-form-message label .ar-upload:hover,
.ar-form-message label .send_chat_msg:hover{background: #000;}

.ar-form-message #choosen_files{
    position: relative;
    margin: 0 5px 0 5px;
    width: calc(100% * (1/1) - 0px - 0px - 10px);
    padding: 0;
}
.ar-form-message #choosen_files span{
    position: relative;
    display: block;
    margin: 0 0 5px 0;
    padding: 6px 18px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 8px;
    background: #fff;
    font-size: 12px;
    line-height: 1em;
}
.ar-form-message #choosen_files span:nth-last-child(1){margin-bottom: 10px;}

#chat_files {
    position: absolute;
    left: -9999px;
}
.chat-fields{
    position: relative;
    margin: 0;
    padding: 0;
}
.chat-fields .chat-flex{
    position: relative;
    margin: 0 -10px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.chat-fields .chat-flex .chat-item{
    position: relative;
    margin: 0 10px 20px 10px;
    flex-grow: 1;
    flex-basis: 0;
}
.chat-fields .chat-flex .chat-item.user{
    flex-grow: 0;
    flex-basis: auto;
    width: 60px;
}
.chat-fields .chat-flex .chat-item.user .user-holder{
    position: relative;
    margin: 0;
    padding: 0;
}
.chat-fields .chat-flex .chat-item.user .user-holder .user-circle{
    position: relative;
    margin: 0 0 8px 0;
    width: 100%;
    padding-bottom: 100%;
    background: rgb(124, 124, 124);
    border-radius: 100%;
}
.chat-fields .chat-flex .chat-item.user .user-holder .user-circle.role-administrator{background: rgb(7, 170, 219)}
.chat-fields .chat-flex .chat-item.user .user-holder .user-circle span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 16px;
    line-height: 1em;
    color: #fff;
}
.chat-fields .chat-flex .chat-item.user .user-holder span.name{
    position: relative;
    display: block;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2em;
    font-size: 9px;
}
.chat-fields .chat-flex .chat-item .chat-box{
    position: relative;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #fff;
}
.chat-fields .chat-flex .chat-item .chat-box .msg{
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    font-size: 14px;
}
.chat-fields .chat-flex .chat-item .chat-box .msg p{
    position: relative;
    margin: 0;
    padding: 0;
    line-height: 1.7em;
}
.chat-fields .chat-flex .chat-item .chat-box .date{
    position: relative;
    margin: 17px 0 0 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    opacity: 0.75;
}
.chat-fields .chat-flex .chat-item .chat-box .date i{
    position: relative;
    font-size: 17px;
    line-height: 1em;
    margin-right: 10px;
    display: block;
}
.chat-fields .chat-flex .chat-item .chat-box .date span{
    position: relative;
    margin: 0;
    line-height: 1em;
    display: block;
    font-size: 11px;
}
.chat-fields .chat-flex .chat-item .chat-box .files{
    position: relative;
    margin: 15px -3px 0 -3px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.chat-fields .chat-flex .chat-item .chat-box .files .file-item{
    position: relative;
    margin: 0 3px 6px 3px;
    width: calc(100% * (1/8) - 0px - 0px - 6px);
}
.chat-fields .chat-flex .chat-item .chat-box .files .file-item a{
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 100%;
    border-radius: 5px;
    overflow: hidden;
    box-sizing: border-box;
    text-decoration: none;
}
.chat-fields .chat-flex .chat-item .chat-box .files .file-item a img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.chat-fields .chat-flex .chat-item .chat-box .files .file-item a.file-doc{
    background: rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.15);
}
.chat-fields .chat-flex .chat-item .chat-box .files .file-item a.file-doc i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 26px;
    color: rgba(0,0,0,0.45);
    transition: 350ms;
}
.chat-fields .chat-flex .chat-item .chat-box .files .file-item a.file-doc:hover i{color: #000;}
.chat-fields .chat-flex .chat-item .chat-box .files .file-item a.file-doc span{
    position: absolute;
    bottom: 6px;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 10px;
    line-height: 1em;
    color: rgba(0,0,0,0.45);
    text-align: center;
}


footer{
    position: relative;
    margin: 0;
    padding: 50px 0;
    font-size: 12px;
}
.footer-flex{
    position: relative;
    margin: 0 -15px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.footer-flex .footer-item{
    position: relative;
    margin: 0 15px;
}


/* RESPOSIVE GADGETS */
.respo-btn{
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: var(--white-transparent-bg);
    display: block;
    text-decoration: none;
    color: #000;
    transition: 350ms;
    border-top: 1px solid var(--white-border);
    cursor: pointer;
}
.respo-btn i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

.side-panel{
    position: fixed;
    left: -350px;
    width: 280px;
    height: 100%;
    padding: 35px;
    box-sizing: border-box;
    overflow-y: auto;
    background: rgba(255, 255, 255, 0.65);
    border-right: 1px solid rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(15px);
    box-shadow: 5px 15px 50px rgba(0,0,0,0.45);
    transition: 350ms;
    z-index: 9999;
}
.side-panel a.logo{
    position: relative;
    display: block;
    margin: 0 0 40px 0;
}
.side-panel .main-menu{
    position: relative;
    margin: 0 0 40px 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
}
.side-panel .main-menu li{
    position: relative;
    padding: 15px 0;
    border-bottom: 1px solid rgba(0,0,0,0.15);
}
.side-panel .main-menu li:nth-last-child(1){border: none;}
.side-panel .main-menu li a{
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    color: #000;
    text-decoration: none;
}
.side-panel .main-menu li a i{
    position: relative;
    width: 36px;
    height: 36px;
    margin: 0 5px 0 0;
    border: 1px solid rgba(0,0,0,0.35);
    border-radius: 100%;
}
.side-panel .main-menu li a i:before{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 16px;
}
.side-panel .main-menu li a span{
    position: relative;
    text-transform: uppercase;
}

.side-panel .main-menu li.current-menu-item a{color:rgb(7, 170, 219);}
.side-panel .main-menu li.current-menu-item a i{
    background: rgb(7, 170, 219);
    border-color: rgb(7, 170, 219);
    color: #fff;
}
.side-panel .logged-user-menu{
    position: relative;
    margin: 0 0 40px 0;
    padding: 0;
    list-style: none;
}
.side-panel .logged-user-menu li{
    position: relative;
    padding: 10px 0;
    border-bottom: 1px solid rgba(0,0,0,0.15);
}
.side-panel .logged-user-menu li:nth-last-child(1){border: none;}
.side-panel .logged-user-menu li .ar-cur-user{
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    text-decoration: none;
    color: #000;
}
.side-panel .ar-cur-user .ar-cur-item.icon{width: 40px;}
.side-panel .ar-cur-user .ar-cur-item.icon i{
    width: 36px;
    height: 36px;
    line-height: 36px;
}
.side-panel .ar-cur-user .ar-cur-item span{font-size: 9px;}
.side-panel .ar-cur-user .ar-cur-item span.bold{font-size: 12px;}

.transparent-bg{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: -50;
    transition: 350ms;
}

.side-panel.display{left: 0;}
.transparent-bg.display{
    background: rgba(0,0,0,0.25);
    z-index: 9998;
}

.ar-wa-ending{
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    list-style: none;
}
.ar-wa-ending li{
    position: relative;
    margin: 0 0 10px 0;
    padding: 0;
}
.ar-wa-ending li:nth-last-child(1){
    margin: 0;
}
.ar-wa-ending li button.wa-notify-btn{
    position: relative;
    margin: 0;
    display: block;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 10px;
    background: rgb(1, 146, 1);
    color: #fff;
    border: none;
    cursor: pointer;
    transition: 350ms;
}
.ar-wa-ending li button.wa-notify-btn svg{
    position: relative;
    flex-grow: 0;
    flex-basis: auto;
    width: 20px;
    height: 20px;
    fill: #fff;
    margin: 0 8px 0 0;
}
.ar-wa-ending li button.wa-notify-btn:hover{background: #000;}



@media screen and (max-width : 1600px){
    .page-flex .page-item.for-menu {width: 50px;}
    .page-header-item h1{font-size: 26px;}
    .page-content{padding: 30px;}
    .add-background .single-item{padding: 30px;}
    .ar-filterable{margin: 0 0 10px 0;}
    .action-menu li a, .action-menu li button{width: 40px; height: 40px;}
    .post-flex .post-item i {
        width: 40px;
        height: 40px;
        border-radius: 30px;
    }
    .post-flex .post-item-holder.is-width-160 {width: 140px;}
    .post-flex .post-item-holder.is-width-190 {width: 175px;}
    .post-flex .post-item-holder.is-width-180 {width: 165px;}
    .ar-content{padding: 30px;}
}

@media screen and (max-width: 1400px) {
    .ar-small-title{font-size: 14px;}
    .page-content {padding: 20px;}
    .add-background .single-item {padding: 20px;}
    .ar-list li{padding: 7px 0;}
    .ar-list li i {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        margin-right: 8px;
        border-radius: 30px;
    }
    .ar-list li span {font-size: 14px;}
    .investor-info li .investor-flex i {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin: 0 7px 0 0;
    }
    .investor-admin-select form label select{padding: 12px 20px;}
    .investor-admin-select form button.ar-btn{padding: 10px 0;}

    .container, .wp-block-group.alignwide .wp-block-group__inner-container, .wp-block-cover.alignwide .wp-block-cover__inner-container, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
        width: calc(100% - 40px);
    }
    .ar-content .single-content{font-size: 16px;}
    .ar-content{padding: 20px;}
    .ar-content .single-content {
        padding: 20px 0 0 0;
        font-size: 16px;
    }
}

@media screen and (max-width: 1330px) {
    .post-flex a.post-item{margin-bottom: 9px;}
    .post-flex .post-item-holder.is-width-160,
    .post-flex .post-item-holder.is-width-180,
    .post-flex .post-item-holder.is-width-190{
        width: 100%;
        margin-bottom: 9px;
    }
    
}
@media screen and (max-width: 1100px) {
    .single-item.ar-size-65,
    .single-item.ar-size-35{width: calc(100% - 10px);}
    .has-3-columns .single-item {width: calc(100% * (1 / 1) - 0px - 0px - 10px);}
}
@media screen and (max-width: 1000px) {
    .post-flex i {
        width: 40px;
        height: 40px;
        border-radius: 40px;
    }
}
@media screen and (max-width: 800px) {
    .page-content {padding: 10px; border-radius: 35px;}
    .page-flex .page-item.for-menu{display: none;}

    .ar-modal-section{
        width: 84%;
        padding: 35px 25px 15px 25px;
    }
    .ar-form .form-holder .form-item input, .ar-form .form-holder .form-item textarea, .ar-form .form-holder .form-item select {
        font-size: 14px;
        padding: 10px 15px;
        border-radius: 8px;
    }
    .ar-form .form-holder .form-item span.form-text{font-size: 10px;}
    .ar-modal-section h2 {
        margin: 0 0 20px 0;
        font-size: 18px;
        text-transform: uppercase;
    }
    .ar-form .form-holder .form-item.half {width: calc(100% * (1 / 1) - 0px - 0px - 20px);}
    .ar-form .form-holder .form-item textarea {height: 80px;}

    .header-item.show-in-respo{display: block;}
}

@media screen and (max-width: 800px) {
    .page-header-item h1 {font-size: 22px;}
    .ar-box-flex .ar-box-item .box-item-holder .box-col.icon {
        width: 36px;
        margin: 0px 7px 0 0;
    }
    .ar-box-flex .ar-box-item .box-item-holder .box-col.icon i{
        height: 36px;
        line-height: 36px;
        font-size: 16px;
    }
    .ar-box-flex .ar-box-item .box-item-holder .box-col span.small-text{font-size: 9px;}
    .ar-box-flex .ar-box-item .box-item-holder .box-col span.big-text {font-size: 12px;}
    .ar-content .single-content {
        padding: 15px 0 0 0;
        font-size: 14px;
    }
    .ar-content-title{font-size: 16px;}
    .ar-content-header .ar-content-header-item .side-btn i {font-size: 18px;}
    .chat-fields .chat-flex .chat-item .chat-box {padding: 10px;}
    .chat-fields .chat-flex .chat-item .chat-box .msg{font-size: 13px;}
    .chat-fields .chat-flex .chat-item .chat-box .files .file-item {width: calc(100% * (1 / 4) - 0px - 0px - 6px);}
    .ar-content {padding: 15px;}

    .header-flex .header-item.hide-in-respo{display: none;}
    .header-flex .header-item.show-in-respo{display: block;}
}

@media screen and (max-width: 700px) {
    .chat-fields .chat-flex .chat-item.user{width: 100%; margin-top: 15px; margin-bottom: 10px;}
    .chat-fields .chat-flex .chat-item.user .user-holder{
        display: flex;
        align-items: center;
    }
    .chat-fields .chat-flex .chat-item.user .user-holder .user-circle{
        width: 50px;
        padding-bottom: 50px;
        margin: 0 8px 0 0;
    }
    .chat-fields .chat-flex .chat-item.user .user-holder span.name{
        font-size: 14px;
        margin: 0 7px 0 0;
    }
    .ar-form-message label .send_chat_msg, .ar-form-message label .ar-upload{font-size: 12px;}
    .post-flex .post-item-holder{
        width: 100%;
        margin: 0 0 5px 0;
    }
    .post-flex .post-item-holder:nth-last-child(1){margin: 0;}
    .post-flex .post-item.to-right, .post-flex .post-item-holder.to-right{margin: 0 0 7px 0;}
}


@media screen and (max-width: 500px) {
    .ar-filterable li{padding: 5px 0}
    .ar-filterable li a{padding: 10px 12px;}
    .ar-filterable li:nth-child(1){padding-left: 5px;}
    .ar-filterable li:nth-last-child(1){padding-right: 5px;}
    .login-card{
        width: 86%;
        padding: 30px;
    }
    .post-flex .post-item span.ar-big{font-size: 12px;}
}